Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
3830 chandransh 1 
/** Header Start **/
2 
body	{
3 
	margin: 0px;
4 
	padding: 0px;
5 
	font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
6 
}
7 
 
8 
.red	{ color: #ff0000;	}
9 
 
10 
.bold	{ font-weight: bold;	}
11 
 
4002 varun.gupt 12 
.text-left	{	text-align: left;	}
13 
 
14 
.text-center	{	text-align: center;	}
15 
 
3830 chandransh 16 
/** Header CSS Start **/
17 
 
18 
#header	{
19 
	width: 100%;
20 
}
21 
 
22 
.left	{	float: left;	}
23 
.right	{	float: right;	}
24 
 
25 
#topbar	{
4126 varun.gupt 26 
	line-height: 40px;
3990 varun.gupt 27 
	background-color: #333333;
3830 chandransh 28 
	color: #ffffff;
29 
	font-size: 12px;
4017 rajveer 30 
	min-width: 980px;
3990 varun.gupt 31 
	font-weight: bold;
4126 varun.gupt 32 
	overflow: auto;
3830 chandransh 33 
}
34 
 
4820 varun.gupt 35 
#freeDelivery	{
36 
	background: url("/images/header-sprite.png") no-repeat scroll -51px 7px transparent;
37 
    height: 40px;
38 
    width: 30px;
39 
    margin: 0 11px 0 29px;
3830 chandransh 40 
}
41 
 
4820 varun.gupt 42 
#customerSupport	{
43 
	width: 241px;
3830 chandransh 44 
}
45 
 
4820 varun.gupt 46 
#customerSupport .icon	{
47 
	background: url("/images/header-sprite.png") no-repeat scroll -95px 6px transparent;
48 
    height: 30px;
49 
    margin: 2px 30px 0 15px;
50 
    width: 25px;
51 
}
52 
 
3830 chandransh 53 
#topbar a	{
54 
	color: #ffffff;
55 
}
56 
 
57 
#header .main	{
58 
	margin: 0px auto;
4017 rajveer 59 
	width: 980px;
3830 chandransh 60 
	height: 80px;
61 
}
62 
 
63 
#header .main .center	{
64 
	float: left;
65 
	text-align: center;
66 
	padding: 25px;
67 
	width: 550px;
3854 varun.gupt 68 
	margin-left: 45px;
3830 chandransh 69 
}
70 
 
71 
#header .main .left p	{
72 
	font-size: 10px;
73 
	text-align: right;
74 
	margin-top: -1px;
75 
}
76 
 
77 
.searchbox	{
78 
	width: 244px;
79 
	float: left;
80 
    border: 1px solid #CCCCCC;
4180 rajveer 81 
    height: 28px;
3830 chandransh 82 
    text-align: left;
83 
	font-size: 12px;
84 
	color: #666666;
85 
	padding: 0 4px;
86 
}
87 
 
88 
.new-button	{
3966 varun.gupt 89 
	border: 1px solid #CCCCCC;
3830 chandransh 90 
	background: #F6F6F6 url(/images/button-glass-bg.png) 50% 50% repeat-x;
91 
	outline: none;
92 
 
93 
	font-size: 12px;
94 
	font-weight: bold;
95 
 
96 
	display: inline-block;
97 
	cursor: pointer;
98 
	zoom: 1;
99 
	overflow: visible;
100 
}
101 
 
3966 varun.gupt 102 
.search-button	{
4820 varun.gupt 103 
	background: #F6F6F6 7% 50% no-repeat;
104 
	padding: 7px 0 0 8px;
3830 chandransh 105 
	width: 110px;
106 
	height: 30px;
107 
	margin-left: 10px;
108 
}
109 
 
4820 varun.gupt 110 
#searchButton .icon	{
111 
	background: url("/images/header-sprite.png") no-repeat scroll -81px 1px transparent;
112 
    height: 24px;
113 
    width: 13px;
114 
}
115 
 
3966 varun.gupt 116 
.search-in-dropdown	{
117 
	background: #F6F6F6 url(/images/button-glass-bg.png) 50% 50% repeat-x;
3830 chandransh 118 
	width: 110px;
119 
	margin-left: 10px;
3966 varun.gupt 120 
	border: 1px solid #CCCCCC;
4180 rajveer 121 
	line-height: 28px;
3966 varun.gupt 122 
	cursor: pointer;
123 
	font-weight: bold;
3830 chandransh 124 
}
125 
 
3966 varun.gupt 126 
.search-in-dropdown .default	{
4820 varun.gupt 127 
	background: url("/images/header-sprite.png") no-repeat scroll -42px 7px #F6F6F6;
128 
    height: 15px;
129 
    margin-right: 10px;
130 
    width: 9px;
3966 varun.gupt 131 
}
132 
 
133 
.search-in-dropdown .search-in-dropdown-options	{
134 
	display: none;
135 
	background: #F6F6F6 url(/images/button-glass-bg.png) 50% 50% repeat-x;
136 
	border: 1px solid #CCCCCC;
137 
	width: 109px;
138 
	position: absolute;
139 
	font-size: 11px;
140 
    list-style: none outside none;
141 
    text-align: left;
142 
}
143 
 
144 
.search-in-dropdown .search-in-dropdown-options li	{
145 
	line-height: 19px;
146 
    padding: 0 6px;
147 
}
148 
 
149 
.search-in-dropdown .search-in-dropdown-options li:hover	{
150 
	background-color: #FFFFCC;
151 
}
152 
 
4180 rajveer 153 
.user-dropdown	{
154 
	background: #F6F6F6;
155 
	width: 150px;
156 
	overflow: hidden;
157 
	margin-top: 5px;
158 
	line-height: 28px;
159 
	cursor: pointer;
160 
	font-weight: bold;
161 
	border-left: 1px solid #F6F6F6;
162 
	border-right: 1px solid #F6F6F6;
163 
	border-top: 1px solid #F6F6F6;
164 
}
165 
 
4242 varun.gupt 166 
#header .active{
4180 rajveer 167 
	border-left: 1px solid #006699;
168 
	border-right: 1px solid #006699;
169 
	border-top: 1px solid #006699;
170 
}
171 
 
172 
 
173 
.user-dropdown .default	{
174 
	padding-left: 10px;
175 
	padding-right: 20px;
176 
	overflow: hidden;
4184 rajveer 177 
	color: #069;
4180 rajveer 178 
}
179 
 
4820 varun.gupt 180 
.user-dropdown .default .icon	{
181 
	background: url("/images/header-sprite.png") no-repeat scroll -42px 7px transparent;
182 
    height: 16px;
183 
    width: 9px;
184 
}
185 
 
4180 rajveer 186 
.user-dropdown .user-dropdown-options	{
187 
	display: none;
188 
	background: #FFFFFF;
189 
	border-left: 1px solid #006699;
190 
	border-right: 1px solid #006699;
191 
	border-bottom: 1px solid #006699;
192 
	width: 150px;
193 
	position: absolute;
194 
	font-size: 11px;
195 
    list-style: none outside none;
196 
    text-align: left;
197 
    margin-left: -1px;
4820 varun.gupt 198 
    z-index: 1;
4180 rajveer 199 
}
200 
 
201 
.user-dropdown .user-dropdown-options li	{
202 
	line-height: 19px;
203 
    padding: 0 6px;
204 
}
205 
 
206 
.user-dropdown .user-dropdown-options li:hover	{
207 
	background-color: #FFFFCC;
208 
}
209 
 
210 
 
3830 chandransh 211 
#header .main .right	{
3863 varun.gupt 212 
	margin-top: 5px;
3830 chandransh 213 
	font-size: 11px;
214 
	color: #666666;
215 
	line-height: 20px;
216 
}
217 
 
218 
#header .main .right a	{
219 
	color: #006699;
220 
	font-weight: bold;
221 
}
222 
 
223 
#menu	{
224 
	width: 100%;
225 
	height: 45px;
226 
	background:  #F6F6F6 url(/images/BG_NavBar.png) 50% 50% repeat-x;
227 
}
228 
 
229 
#menu ul.primary	{
230 
	display: block;
4017 rajveer 231 
	width: 980px;
3830 chandransh 232 
	margin: 0px auto;
233 
	list-style: none;
234 
}
235 
 
4820 varun.gupt 236 
.menubar-separator	{
4838 varun.gupt 237 
    background: url("/images/header-sprite.png") no-repeat scroll -122px 0 transparent;
4820 varun.gupt 238 
    height: 44px;
4838 varun.gupt 239 
    width: 1px
4820 varun.gupt 240 
}
241 
 
3830 chandransh 242 
#menu li.primary	{
243 
	margin-top: 1px;
244 
	height: 44px;
245 
	background-repeat: no-repeat;
4820 varun.gupt 246 
	position: relative;
3830 chandransh 247 
}
248 
 
249 
#menu li.primary a.link-menu-primary	{
250 
	display: block;
251 
	font-size: 15px;
252 
	color: #ffffff;
253 
	text-decoration: none;
4820 varun.gupt 254 
	padding: 14px 25px 13px 22px;
3830 chandransh 255 
}
256 
 
257 
#menu a .menu-primary-arrow	{
4820 varun.gupt 258 
	background:url("/images/header-sprite.png") -32px 0px no-repeat transparent;
3830 chandransh 259 
    height: 5px;
260 
    margin: 6px 0 0 5px;
261 
    width: 9px;
262 
}
263 
 
264 
.menu-secondary	{
265 
	display: none;
266 
}
267 
 
268 
li.primary:hover	{
269 
	background-color: #FFFFFF !important;
270 
}
271 
 
272 
li.active-menu-tab	{
273 
	background-color: #FFFFFF !important;
274 
}
275 
 
276 
li.active-menu-tab	.menu-primary-arrow{
4820 varun.gupt 277 
	background:url("/images/header-sprite.png") -22px 0 no-repeat !important;
3830 chandransh 278 
}
279 
 
280 
li.active-menu-tab a	{
281 
	color: #006699 !important;
282 
}
283 
 
284 
li.primary:hover .menu-primary-arrow	{
4820 varun.gupt 285 
	background:url("/images/header-sprite.png") -42px 0 no-repeat !important;
3830 chandransh 286 
}
287 
 
288 
li.primary:hover a.link-menu-primary	{
289 
	color: #006699 !important;
290 
}
291 
 
292 
li.primary:hover .menu-secondary	{
293 
	width: 200px;
294 
    display: block;
295 
    position: absolute;
296 
    margin-top: 16px;
4820 varun.gupt 297 
    left: -1px;
3830 chandransh 298 
    background-color: #FFFFFF;
299 
	border-right: 1px solid #006699;
300 
	border-bottom: 1px solid #006699;
301 
	border-left: 1px solid #006699;
302 
	z-index: 21;
303 
}
304 
 
3883 varun.gupt 305 
.menu-secondary .label-brand	{
306 
	margin-top: 3px;
307 
}
308 
 
3879 varun.gupt 309 
li.primary:hover #mobilesMenu	{
310 
	width: 275px !important;
311 
}
312 
 
3830 chandransh 313 
.link-menu-secondary {
314 
	display: block;
315 
	height: 18px;
316 
	padding: 4px 4px;
317 
	text-decoration: none;
318 
	color: #000000 !important;
319 
	font-size: 12px !important;
320 
	white-space: nowrap;
3883 varun.gupt 321 
	padding-left: 15px;
3830 chandransh 322 
}
323 
 
324 
.link-menu-secondary:hover	{
325 
	background-color: #FFFFCC;
326 
	text-decoration: none;
327 
}
328 
 
3879 varun.gupt 329 
.menu-secondary .menu-secondary-brand	{
330 
	width: 118px;
331 
}
332 
 
3830 chandransh 333 
.link-menu-fixed	{
334 
	display: block;
335 
	height: 18px;
336 
	padding: 4px 4px;
337 
	color: #000000 !important;
338 
	font-size: 12px !important;
339 
	white-space: nowrap;
340 
	background-color: #e0e0e0;
341 
	text-decoration: none !important;
3883 varun.gupt 342 
	margin-bottom: 5px;
3830 chandransh 343 
}
344 
 
4794 varun.gupt 345 
.best-deals-badge	{
4820 varun.gupt 346 
	background: url("/images/header-sprite.png") no-repeat scroll 0 0 transparent;
347 
    height: 35px;
348 
    position: absolute;
349 
    right: 0;
350 
    top: 0;
351 
    width: 20px;
3830 chandransh 352 
}
353 
 
4794 varun.gupt 354 
.best-deals-badge .link-menu-primary	{
355 
	margin-right: 10px;
3903 varun.gupt 356 
}
357 
 
3830 chandransh 358 
/** Header End **/
359 
 
360 
/** Footer Start **/
361 
#footer	{
362 
	width: 100%;
363 
	background: #F6F6F6 url(../images/FooterBG.png) 50% 50% repeat;
364 
	margin-top: 30px;
365 
}
366 
 
367 
#footerLinks	{
4017 rajveer 368 
	width: 980px;
3830 chandransh 369 
	min-height: 130px;
370 
	margin: 0 auto;
371 
	padding: 30px 0px;
3845 varun.gupt 372 
	overflow: auto;
3830 chandransh 373 
}
374 
 
375 
#footerLinks .footer-links-group	{
4437 varun.gupt 376 
	width: 170px;
3830 chandransh 377 
	float: left;
4437 varun.gupt 378 
	padding: 0 10px;
3830 chandransh 379 
}
380 
 
3844 varun.gupt 381 
.footer-links-group div	{
382 
    color: #FFFFFF;
4437 varun.gupt 383 
    font-size: 14px;
3844 varun.gupt 384 
    font-weight: bold;
385 
    margin-bottom: 10px;
3830 chandransh 386 
}
387 
 
388 
.footer-links-group a	{
389 
	display: block;
390 
	color: #ffffff;
4437 varun.gupt 391 
	font-size: 14px;
392 
	line-height: 15px;
393 
	margin-bottom:6px;
3830 chandransh 394 
	text-decoration: none;
395 
}
396 
 
397 
#bottombar	{
398 
	padding: 14px 0;
399 
	text-align: center;
400 
	font-size: 11px;
401 
	font-weight: bold;
402 
	color: #ffffff;
403 
	background-color: #000000;
404 
	opacity:0.3;
405 
	filter:alpha(opacity=30);
406 
}
4588 varun.gupt 407 
/** Footer End **/
408 
 
409 
/** Media Coverage **/
410 
#pressCoverage	{
411 
	width: 980px;
412 
	margin: 0 auto;
413 
	overflow: auto;
4794 varun.gupt 414 
	padding-top: 10px;
4588 varun.gupt 415 
}
416 
 
417 
#asSeenOn {
418 
    color: #6D6D6D;
419 
    float: left;
420 
    font-size: 14px;
421 
    font-style: italic;
422 
    font-weight: bold;
423 
    line-height: 3em;
424 
    padding-top: 7px;
425 
}
4810 varun.gupt 426 
 
427 
#pressCoverage .logo-container	{
428 
	height: 50px;
429 
	margin: 10px 0 0 12px;
430 
	cursor: pointer;
431 
}
432 
 
433 
#asSeenOnBS	{
434 
	width: 200px;
435 
	background: url('/images/press-logos-sprite.jpg') -455px 0px no-repeat;
436 
}
437 
 
438 
#asSeenOnTOI	{
439 
	width: 200px;
440 
	background: url('/images/press-logos-sprite.jpg') -250px 0px no-repeat;
441 
}
442 
 
443 
#asSeenOnWSJ	{
444 
	width: 219px;
445 
	background: url('/images/press-logos-sprite.jpg') -650px 0px no-repeat;
446 
}
447 
 
448 
#asSeenOnMC	{
449 
	width: 217px;
450 
	background: url('/images/press-logos-sprite.jpg') -12px 0px no-repeat;
451 
}
4940 varun.gupt 452 
/** /Media Coverage **/
453 
 
454 
.quicklink	{
455 
	height: 35px;
456 
    padding: 6px 5px;
457 
    width: 200px;
458 
}