Subversion Repositories SmartDukaan

Rev

Rev 7272 | Rev 7413 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 7272 Rev 7409
Line 1... Line -...
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 
 
 - 
 
12 
.text-left	{	text-align: left;	}
 - 
 
13 
 
 - 
 
14 
.text-center	{	text-align: center;	}
 - 
 
15 
 
 - 
 
16 
/** Header CSS Start **/
 - 
 
17 
 
 - 
 
18 
#header	{
 - 
 
19 
	width: 100%;
 - 
 
20 
}
 - 
 
21 
 
 - 
 
22 
.left	{	float: left;	}
 1 
.left	{	float: left;	}
23 
.right	{	float: right;	}
 - 
 
24 
 
 - 
 
25 
 
 - 
 
26 
 
 - 
 
27 
.cart-icon {
 - 
 
28 
    background: url("/images/Cart-Button.png") no-repeat scroll 0 0 transparent;
 - 
 
29 
    color: #006699;
 - 
 
30 
    cursor: default;
 - 
 
31 
    display: block;
 - 
 
32 
    font-size: 13px;
 - 
 
33 
    height: 26px;
 - 
 
34 
    width: 89px;
 - 
 
35 
}
 - 
 
36 
#topbar	{
 - 
 
37 
	line-height: 40px;
 - 
 
38 
	background-color: #333333;
 - 
 
39 
	color: #ffffff;
 - 
 
40 
	font-size: 12px;
 - 
 
41 
	min-width: 980px;
 - 
 
42 
	font-weight: bold;
 - 
 
43 
	overflow: auto;
 - 
 
44 
}
 - 
 
45 
 
 - 
 
46 
#freeDelivery	{
 - 
 
47 
	background: url("/images/header-sprite.png") no-repeat scroll -51px 7px transparent;
 - 
 
48 
    height: 40px;
 - 
 
49 
    width: 30px;
 - 
 
50 
    margin: 0 11px 0 29px;
 - 
 
51 
}
 - 
 
52 
 
 - 
 
53 
#customerSupport	{
 - 
 
54 
	width: 241px;
 - 
 
55 
}
 - 
 
56 
 
 - 
 
57 
#customerSupport .icon	{
 - 
 
58 
	background: url("/images/header-sprite.png") no-repeat scroll -95px 6px transparent;
 - 
 
59 
    height: 30px;
 - 
 
60 
    margin: 2px 30px 0 15px;
 - 
 
61 
    width: 25px;
 - 
 
62 
}
 - 
 
63 
 
 - 
 
64 
#topbar a	{
 - 
 
65 
	color: #ffffff;
 - 
 
66 
}
 - 
 
67 
 
 - 
 
68 
#header .main	{
 - 
 
69 
	margin: 0px auto;
 - 
 
70 
	width: 980px;
 - 
 
71 
	height: 80px;
 - 
 
72 
}
 - 
 
73 
 
 - 
 
74 
#header .main .center	{
 - 
 
75 
	float: left;
 - 
 
76 
	text-align: center;
 - 
 
77 
	padding: 23px 25px;
 - 
 
78 
	width: 550px;
 - 
 
79 
	margin-left: 45px;
 - 
 
80 
}
 - 
 
81 
 
 - 
 
82 
#header .main .left p	{
 - 
 
83 
	font-size: 10px;
 - 
 
84 
	text-align: right;
 - 
 
85 
	margin-top: -1px;
 - 
 
86 
}
 - 
 
87 
 
 - 
 
88 
.searchbox	{
 - 
 
89 
	width: 256px;
 - 
 
90 
	float: left;
 - 
 
91 
    border: 1px solid #CCCCCC;
 - 
 
92 
    height: 28px;
 - 
 
93 
    text-align: left;
 - 
 
94 
	font-size: 12px;
 - 
 
95 
	color: #666666;
 - 
 
96 
	padding: 0 4px;
 - 
 
97 
}
 - 
 
98 
 
 - 
 
99 
.new-button	{
 - 
 
100 
	border: 1px solid #CCCCCC;
 - 
 
101 
	background: #F6F6F6 url(/images/button-glass-bg.png) 50% 50% repeat-x;
 - 
 
102 
	outline: none;
 - 
 
103
- 
 
104 
	font-size: 12px;
 - 
 
105 
	font-weight: bold;
 - 
 
106
- 
 
107 
	display: inline-block;
 - 
 
108 
	cursor: pointer;
 - 
 
109 
	zoom: 1;
 - 
 
110 
	overflow: visible;
 - 
 
111 
}
 - 
 
112 
 
 - 
 
113 
.search-button	{
 - 
 
114 
	background: #F6F6F6 7% 50% no-repeat;
 - 
 
115 
	padding: 7px 0 0 8px;
 - 
 
116 
	width: 98px;
 - 
 
117 
	height: 30px;
 - 
 
118 
	margin-left: 10px;
 - 
 
119 
}
 - 
 
120 
 
 - 
 
121 
#searchButton .icon	{
 - 
 
122 
	background: url("/images/header-sprite.png") no-repeat scroll -81px 1px transparent;
 - 
 
123 
    height: 24px;
 - 
 
124 
    width: 13px;
 - 
 
125 
}
 - 
 
126 
 
 - 
 
127 
.user-dropdown	{
 - 
 
128 
	background: #F6F6F6;
 - 
 
129 
	width: 150px;
 - 
 
130 
	overflow: hidden;
 - 
 
131 
	margin-top: 5px;
 - 
 
132 
	line-height: 20px;
 - 
 
133 
	cursor: pointer;
 - 
 
134 
	font-weight: bold;
 - 
 
135 
	border-left: 1px solid #F6F6F6;
 - 
 
136 
	border-right: 1px solid #F6F6F6;
 - 
 
137 
	border-top: 1px solid #F6F6F6;
 - 
 
138 
}
 - 
 
139 
 
 - 
 
140 
#header .active{
 - 
 
141 
	border-left: 1px solid #006699;
 - 
 
142 
	border-right: 1px solid #006699;
 - 
 
143 
	border-top: 1px solid #006699;
 - 
 
144 
}
 - 
 
145 
 
 - 
 
146 
 
 - 
 
147 
.user-dropdown .default	{
 - 
 
148 
	padding-left: 4px;
 - 
 
149 
	padding-right: 7px;
 - 
 
150 
	overflow: hidden;
 - 
 
151 
	color: #069;
 - 
 
152 
}
 - 
 
153 
 
 - 
 
154 
.user-dropdown .default .icon	{
 - 
 
155 
	background: url("/images/header-sprite.png") no-repeat scroll -42px 6px transparent;
 - 
 
156 
    height: 16px;
 - 
 
157 
    width: 9px;
 - 
 
158 
}
 - 
 
159 
 
 - 
 
160 
.user-dropdown .user-dropdown-options	{
 - 
 
161 
	display: none;
 - 
 
162 
	background: #FFFFFF;
 - 
 
163 
	border-left: 1px solid #006699;
 - 
 
164 
	border-right: 1px solid #006699;
 - 
 
165 
	border-bottom: 1px solid #006699;
 - 
 
166 
	width: 150px;
 - 
 
167 
	position: absolute;
 - 
 
168 
	font-size: 11px;
 - 
 
169 
    list-style: none outside none;
 - 
 
170 
    text-align: left;
 - 
 
171 
    margin-left: -1px;
 - 
 
172 
    z-index: 1;
 - 
 
173 
}
 - 
 
174 
 
 - 
 
175 
.user-dropdown .user-dropdown-options li	{
 - 
 
176 
	line-height: 19px;
 - 
 
177 
    padding: 0 6px;
 - 
 
178 
}
 - 
 
179 
 
 - 
 
180 
.user-dropdown .user-dropdown-options li:hover	{
 - 
 
181 
	background-color: #FFFFCC;
 - 
 
182 
}
 - 
 
183 
 
 - 
 
184 
 
 - 
 
185 
#header .main .right	{
 - 
 
186 
	font-size: 11px;
 - 
 
187 
	color: #666666;
 - 
 
188 
	line-height: 18px;
 - 
 
189 
	margin-top: 2px;
 - 
 
190 
}
 - 
 
191 
 
 - 
 
192 
#header .main .right a	{
 - 
 
193 
	color: #006699;
 - 
 
194 
	font-weight: bold;
 - 
 
195 
}
 - 
 
196 
 
 2 
 
197 
#menu	{
 3 
#menu	{
198 
	width: 100%;
 4 
	width: 100%;
199 
	height: 45px;
 5 
	height: 45px;
200 
	background:  #F6F6F6 url(/images/BG_NavBar.png) 50% 50% repeat-x;
 6 
	background:  #F6F6F6 url(/images/BG_NavBar.png) 50% 50% repeat-x;
201 
}
 7 
}
202 
 
 8 
 
203 
#menu ul.primary	{
 9 
#menu ul.primary	{
204 
	display: block;
 10 
	display: block;
205 
	width: 980px;
 11 
	width: 1000px;
206 
	margin: 0px auto;
 12 
	margin: 0px auto;
207 
	list-style: none;
 13 
	list-style: none;
208 
}
 14 
}
209 
 
 15 
 
210 
.menubar-separator	{
 16 
.menubar-separator	{
Line 326... Line 132...
326 
}
 132 
}
327 
 
 133 
 
328 
.best-deals-badge .link-menu-primary	{
 134 
.best-deals-badge .link-menu-primary	{
329 
	margin-right: 10px;
 135 
	margin-right: 10px;
330 
}
 136 
}
331 
 
 - 
 
332 
/** Header End **/
 - 
 
333 
 
 - 
 
334 
/** Footer Start **/
 - 
 
335 
#footer	{
 - 
 
336 
	width: 100%;
 - 
 
337 
	background: #F6F6F6 url(../images/FooterBG.png) 50% 50% repeat;
 - 
 
338 
	margin-top: 30px;
 - 
 
339 
}
 - 
 
340 
 
 - 
 
341 
#footerLinks	{
 - 
 
342 
	width: 980px;
 - 
 
343 
	min-height: 130px;
 - 
 
344 
	margin: 0 auto;
 - 
 
345 
	padding: 30px 0px;
 - 
 
346 
	overflow: auto;
 - 
 
347 
}
 - 
 
348 
 
 - 
 
349 
#footerLinks .footer-links-group	{
 - 
 
350 
	width: 170px;
 - 
 
351 
	float: left;
 - 
 
352 
	padding: 0 10px;
 - 
 
353 
}
 - 
 
354 
 
 - 
 
355 
.footer-links-group div	{
 - 
 
356 
    color: #FFFFFF;
 - 
 
357 
    font-size: 14px;
 - 
 
358 
    font-weight: bold;
 - 
 
359 
    margin-bottom: 10px;
 - 
 
360 
}
 - 
 
361 
 
 - 
 
362 
.footer-links-group a	{
 - 
 
363 
	display: block;
 - 
 
364 
	color: #ffffff;
 - 
 
365 
	font-size: 14px;
 - 
 
366 
	line-height: 15px;
 - 
 
367 
	margin-bottom:6px;
 - 
 
368 
	text-decoration: none;
 - 
 
369 
}
 - 
 
370 
 
 - 
 
371 
#bottombar	{
 - 
 
372 
	padding: 14px 0;
 - 
 
373 
	text-align: center;
 - 
 
374 
	font-size: 11px;
 - 
 
375 
	font-weight: bold;
 - 
 
376 
	color: #ffffff;
 - 
 
377 
	background-color: #000000;
 - 
 
378 
	opacity:0.3;
 - 
 
379 
	filter:alpha(opacity=30);
 - 
 
380 
}
 - 
 
381 
/** Footer End **/
 - 
 
382 
 
 - 
 
383 
/** Media Coverage **/
 - 
 
384 
#pressCoverage	{
 - 
 
385 
	width: 980px;
 - 
 
386 
	margin: 0 auto;
 - 
 
387 
	overflow: auto;
 - 
 
388 
	padding-top: 5px;
 - 
 
389 
}
 - 
 
390 
 
 - 
 
391 
#asSeenOn {
 - 
 
392 
    color: #000000;
 - 
 
393 
    float: left;
 - 
 
394 
    font-family: sans-serif;
 - 
 
395 
    font-size: 14px;
 - 
 
396 
    font-weight: bold;
 - 
 
397 
    line-height: 3em;
 - 
 
398 
    padding-top: 9px;
 - 
 
399 
}
 - 
 
400 
 
 - 
 
401 
#pressCoverage .logo-container	{
 - 
 
402 
	height: 50px;
 - 
 
403 
	cursor: pointer;
 - 
 
404 
}
 - 
 
405 
 
 - 
 
406 
#asSeenOnBS	{
 - 
 
407 
	width: 130px;
 - 
 
408 
	height: 50px;
 - 
 
409 
	margin: 3px 0px 0px 12px;
 - 
 
410 
	background: url('/images/press-logos-sprite.jpg') 3px 0px no-repeat;
 - 
 
411 
}
 - 
 
412 
 
 - 
 
413 
#asSeenOnBT	{
 - 
 
414 
	width: 130px;
 - 
 
415 
	height: 50px;
 - 
 
416 
	margin: 3px 0px 0px 12px;
 - 
 
417 
	background: url('/images/press-logos-sprite.jpg') no-repeat scroll -133px 0 transparent;
 - 
 
418 
}
 - 
 
419 
 
 - 
 
420 
#asSeenOnTOI	{
 - 
 
421 
	width: 155px;
 - 
 
422 
	height: 50px;
 - 
 
423 
	margin: 7px 0px 0px 12px;
 - 
 
424 
	background: url('/images/press-logos-sprite.jpg') -273px 0px no-repeat;
 - 
 
425 
}
 - 
 
426 
 
 - 
 
427 
#asSeenOnWSJ	{
 - 
 
428 
	width: 158px;
 - 
 
429 
	height: 50px;
 - 
 
430 
	margin: 10px 0px 0px 1px;
 - 
 
431 
	background: url('/images/press-logos-sprite.jpg') -582px 0px no-repeat;
 - 
 
432 
}
 - 
 
433 
 
 - 
 
434 
#asSeenOnMC	{
 - 
 
435 
	width: 161px;
 - 
 
436 
	height: 50px;
 - 
 
437 
	margin: 5px 0px 0px 5px;
 - 
 
438 
	background: url('/images/press-logos-sprite.jpg') -423px 0px no-repeat;
 - 
 
439 
}
 - 
 
440 
/** /Media Coverage **/
 - 
 
441 
 
 - 
 
442 
.quicklink	{
 - 
 
443 
	height: 35px;
 - 
 
444 
    padding: 6px 5px;
 - 
 
445 
    width: 200px;
 - 
 
446 
}
 - 
 
447 
 
 - 
 
448 
.fb-icon {
 - 
 
449 
    background: url('/images/Facebook.png') no-repeat scroll 0 0 transparent;
 - 
 
450 
}
 - 
 
451 
.g-plus-icon {
 - 
 
452 
    background: url('/images/Google_Plus.png') no-repeat scroll 0 0 transparent;
 - 
 
453 
}
 - 
 
454 
.twitter-icon {
 - 
 
455 
    background: url('/images/Twitter.png') no-repeat scroll 0 0 transparent;
 - 
 
456 
}
 - 
 
457 
.mobile-site-icon {
 - 
 
458 
    background: url('/images/mob_icon.png') no-repeat scroll 0 0 transparent;
 - 
 
459 
}
 - 
 
460 
.new-icon {
 - 
 
461 
    background: url('/images/new_icon.png') no-repeat scroll 0 0 transparent;
 - 
 
462 
}
 - 
 
463 
 
 - 
 
464 
a.new-icon {
 - 
 
465 
	display: block;
 - 
 
466 
    line-height: 14px;
 - 
 
467 
    padding-left: 33px;
 - 
 
468 
}
 - 
 
469 
 
 - 
 
470 
a.fb-icon, a.g-plus-icon, a.twitter-icon, a.mobile-site-icon {
 - 
 
471 
	display: block;
 - 
 
472 
    line-height: 24px;
 - 
 
473 
    padding-left: 30px;
 - 
 
474 
    width: 50%;
 - 
 
475 
}
 - 
 
476 
 
 - 
 
477 
#camera-new-icon-container {
 - 
 
478 
    background: url("/images/new_red.png") repeat scroll 0 0 transparent;
 - 
 
479 
    height: 27px;
 - 
 
480 
    left: 83px;
 - 
 
481 
    position: absolute;
 - 
 
482 
    top: -11px;
 - 
 
483 
    width: 37px;
 - 
 
484 
}
 - 
 
485 
 
 -