Subversion Repositories SmartDukaan

Rev

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

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