Subversion Repositories SmartDukaan

Rev

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