Subversion Repositories SmartDukaan

Rev

Rev 6132 | Rev 6167 | 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 
 
6152 amit.gupta 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 
}
3830 chandransh 36 
#topbar	{
4126 varun.gupt 37 
	line-height: 40px;
3990 varun.gupt 38 
	background-color: #333333;
3830 chandransh 39 
	color: #ffffff;
40 
	font-size: 12px;
4017 rajveer 41 
	min-width: 980px;
3990 varun.gupt 42 
	font-weight: bold;
4126 varun.gupt 43 
	overflow: auto;
3830 chandransh 44 
}
45 
 
4820 varun.gupt 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;
3830 chandransh 51 
}
52 
 
4820 varun.gupt 53 
#customerSupport	{
54 
	width: 241px;
3830 chandransh 55 
}
56 
 
4820 varun.gupt 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 
 
3830 chandransh 64 
#topbar a	{
65 
	color: #ffffff;
66 
}
67 
 
68 
#header .main	{
69 
	margin: 0px auto;
4017 rajveer 70 
	width: 980px;
3830 chandransh 71 
	height: 80px;
72 
}
73 
 
74 
#header .main .center	{
75 
	float: left;
76 
	text-align: center;
5038 varun.gupt 77 
	padding: 23px 25px;
3830 chandransh 78 
	width: 550px;
3854 varun.gupt 79 
	margin-left: 45px;
3830 chandransh 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: 244px;
90 
	float: left;
91 
    border: 1px solid #CCCCCC;
4180 rajveer 92 
    height: 28px;
3830 chandransh 93 
    text-align: left;
94 
	font-size: 12px;
95 
	color: #666666;
96 
	padding: 0 4px;
97 
}
98 
 
99 
.new-button	{
3966 varun.gupt 100 
	border: 1px solid #CCCCCC;
3830 chandransh 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 
 
3966 varun.gupt 113 
.search-button	{
4820 varun.gupt 114 
	background: #F6F6F6 7% 50% no-repeat;
115 
	padding: 7px 0 0 8px;
3830 chandransh 116 
	width: 110px;
117 
	height: 30px;
118 
	margin-left: 10px;
119 
}
120 
 
4820 varun.gupt 121 
#searchButton .icon	{
122 
	background: url("/images/header-sprite.png") no-repeat scroll -81px 1px transparent;
123 
    height: 24px;
124 
    width: 13px;
125 
}
126 
 
4180 rajveer 127 
.user-dropdown	{
128 
	background: #F6F6F6;
129 
	width: 150px;
130 
	overflow: hidden;
131 
	margin-top: 5px;
6152 amit.gupta 132 
	line-height: 20px;
4180 rajveer 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 
 
4242 varun.gupt 140 
#header .active{
4180 rajveer 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: 10px;
149 
	padding-right: 20px;
150 
	overflow: hidden;
4184 rajveer 151 
	color: #069;
4180 rajveer 152 
}
153 
 
4820 varun.gupt 154 
.user-dropdown .default .icon	{
6152 amit.gupta 155 
	background: url("/images/header-sprite.png") no-repeat scroll -42px 6px transparent;
4820 varun.gupt 156 
    height: 16px;
157 
    width: 9px;
158 
}
159 
 
4180 rajveer 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;
4820 varun.gupt 172 
    z-index: 1;
4180 rajveer 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 
 
3830 chandransh 185 
#header .main .right	{
186 
	font-size: 11px;
187 
	color: #666666;
6152 amit.gupta 188 
	line-height: 18px;
189 
	margin-top: 2px;
3830 chandransh 190 
}
191 
 
192 
#header .main .right a	{
193 
	color: #006699;
194 
	font-weight: bold;
195 
}
196 
 
197 
#menu	{
198 
	width: 100%;
199 
	height: 45px;
200 
	background:  #F6F6F6 url(/images/BG_NavBar.png) 50% 50% repeat-x;
201 
}
202 
 
203 
#menu ul.primary	{
204 
	display: block;
4017 rajveer 205 
	width: 980px;
3830 chandransh 206 
	margin: 0px auto;
207 
	list-style: none;
208 
}
209 
 
4820 varun.gupt 210 
.menubar-separator	{
4838 varun.gupt 211 
    background: url("/images/header-sprite.png") no-repeat scroll -122px 0 transparent;
4820 varun.gupt 212 
    height: 44px;
4838 varun.gupt 213 
    width: 1px
4820 varun.gupt 214 
}
215 
 
3830 chandransh 216 
#menu li.primary	{
217 
	margin-top: 1px;
218 
	height: 44px;
219 
	background-repeat: no-repeat;
4820 varun.gupt 220 
	position: relative;
3830 chandransh 221 
}
222 
 
223 
#menu li.primary a.link-menu-primary	{
224 
	display: block;
225 
	font-size: 15px;
226 
	color: #ffffff;
227 
	text-decoration: none;
6152 amit.gupta 228 
	padding: 14px 18px 13px 18px;
3830 chandransh 229 
}
230 
 
231 
#menu a .menu-primary-arrow	{
4820 varun.gupt 232 
	background:url("/images/header-sprite.png") -32px 0px no-repeat transparent;
3830 chandransh 233 
    height: 5px;
234 
    margin: 6px 0 0 5px;
235 
    width: 9px;
236 
}
237 
 
238 
.menu-secondary	{
239 
	display: none;
240 
}
241 
 
242 
li.primary:hover	{
243 
	background-color: #FFFFFF !important;
244 
}
245 
 
246 
li.active-menu-tab	{
247 
	background-color: #FFFFFF !important;
248 
}
249 
 
250 
li.active-menu-tab	.menu-primary-arrow{
4820 varun.gupt 251 
	background:url("/images/header-sprite.png") -22px 0 no-repeat !important;
3830 chandransh 252 
}
253 
 
254 
li.active-menu-tab a	{
255 
	color: #006699 !important;
256 
}
257 
 
258 
li.primary:hover .menu-primary-arrow	{
4820 varun.gupt 259 
	background:url("/images/header-sprite.png") -42px 0 no-repeat !important;
3830 chandransh 260 
}
261 
 
262 
li.primary:hover a.link-menu-primary	{
263 
	color: #006699 !important;
264 
}
265 
 
266 
li.primary:hover .menu-secondary	{
267 
	width: 200px;
268 
    display: block;
269 
    position: absolute;
270 
    margin-top: 16px;
4820 varun.gupt 271 
    left: -1px;
3830 chandransh 272 
    background-color: #FFFFFF;
273 
	border-right: 1px solid #006699;
274 
	border-bottom: 1px solid #006699;
275 
	border-left: 1px solid #006699;
276 
	z-index: 21;
277 
}
278 
 
3883 varun.gupt 279 
.menu-secondary .label-brand	{
280 
	margin-top: 3px;
281 
}
282 
 
3879 varun.gupt 283 
li.primary:hover #mobilesMenu	{
284 
	width: 275px !important;
285 
}
286 
 
3830 chandransh 287 
.link-menu-secondary {
288 
	display: block;
289 
	height: 18px;
290 
	padding: 4px 4px;
291 
	text-decoration: none;
292 
	color: #000000 !important;
293 
	font-size: 12px !important;
294 
	white-space: nowrap;
3883 varun.gupt 295 
	padding-left: 15px;
3830 chandransh 296 
}
297 
 
298 
.link-menu-secondary:hover	{
299 
	background-color: #FFFFCC;
300 
	text-decoration: none;
301 
}
302 
 
3879 varun.gupt 303 
.menu-secondary .menu-secondary-brand	{
304 
	width: 118px;
305 
}
306 
 
3830 chandransh 307 
.link-menu-fixed	{
308 
	display: block;
309 
	height: 18px;
310 
	padding: 4px 4px;
311 
	color: #000000 !important;
312 
	font-size: 12px !important;
313 
	white-space: nowrap;
314 
	background-color: #e0e0e0;
315 
	text-decoration: none !important;
3883 varun.gupt 316 
	margin-bottom: 5px;
3830 chandransh 317 
}
318 
 
4794 varun.gupt 319 
.best-deals-badge	{
4820 varun.gupt 320 
	background: url("/images/header-sprite.png") no-repeat scroll 0 0 transparent;
321 
    height: 35px;
322 
    position: absolute;
323 
    right: 0;
324 
    top: 0;
325 
    width: 20px;
3830 chandransh 326 
}
327 
 
4794 varun.gupt 328 
.best-deals-badge .link-menu-primary	{
329 
	margin-right: 10px;
3903 varun.gupt 330 
}
331 
 
3830 chandransh 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	{
4017 rajveer 342 
	width: 980px;
3830 chandransh 343 
	min-height: 130px;
344 
	margin: 0 auto;
345 
	padding: 30px 0px;
3845 varun.gupt 346 
	overflow: auto;
3830 chandransh 347 
}
348 
 
349 
#footerLinks .footer-links-group	{
4437 varun.gupt 350 
	width: 170px;
3830 chandransh 351 
	float: left;
4437 varun.gupt 352 
	padding: 0 10px;
3830 chandransh 353 
}
354 
 
3844 varun.gupt 355 
.footer-links-group div	{
356 
    color: #FFFFFF;
4437 varun.gupt 357 
    font-size: 14px;
3844 varun.gupt 358 
    font-weight: bold;
359 
    margin-bottom: 10px;
3830 chandransh 360 
}
361 
 
362 
.footer-links-group a	{
363 
	display: block;
364 
	color: #ffffff;
4437 varun.gupt 365 
	font-size: 14px;
366 
	line-height: 15px;
367 
	margin-bottom:6px;
3830 chandransh 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 
}
4588 varun.gupt 381 
/** Footer End **/
382 
 
383 
/** Media Coverage **/
384 
#pressCoverage	{
385 
	width: 980px;
386 
	margin: 0 auto;
387 
	overflow: auto;
4794 varun.gupt 388 
	padding-top: 10px;
4588 varun.gupt 389 
}
390 
 
391 
#asSeenOn {
392 
    color: #6D6D6D;
393 
    float: left;
394 
    font-size: 14px;
395 
    font-style: italic;
396 
    font-weight: bold;
397 
    line-height: 3em;
398 
    padding-top: 7px;
399 
}
4810 varun.gupt 400 
 
401 
#pressCoverage .logo-container	{
402 
	height: 50px;
403 
	margin: 10px 0 0 12px;
404 
	cursor: pointer;
405 
}
406 
 
407 
#asSeenOnBS	{
408 
	width: 200px;
409 
	background: url('/images/press-logos-sprite.jpg') -455px 0px no-repeat;
410 
}
411 
 
412 
#asSeenOnTOI	{
413 
	width: 200px;
414 
	background: url('/images/press-logos-sprite.jpg') -250px 0px no-repeat;
415 
}
416 
 
417 
#asSeenOnWSJ	{
418 
	width: 219px;
419 
	background: url('/images/press-logos-sprite.jpg') -650px 0px no-repeat;
420 
}
421 
 
422 
#asSeenOnMC	{
423 
	width: 217px;
424 
	background: url('/images/press-logos-sprite.jpg') -12px 0px no-repeat;
425 
}
4940 varun.gupt 426 
/** /Media Coverage **/
427 
 
428 
.quicklink	{
429 
	height: 35px;
430 
    padding: 6px 5px;
431 
    width: 200px;
5550 amit.gupta 432 
}
433 
 
434 
.fb-icon {
435 
    background: url('/images/Facebook.png') no-repeat scroll 0 0 transparent;
436 
}
437 
.g-plus-icon {
438 
    background: url('/images/Google_Plus.png') no-repeat scroll 0 0 transparent;
439 
}
440 
.twitter-icon {
441 
    background: url('/images/Twitter.png') no-repeat scroll 0 0 transparent;
442 
}
5582 phani.kuma 443 
.mobile-site-icon {
444 
    background: url('/images/mob_icon.png') no-repeat scroll 0 0 transparent;
445 
}
446 
.new-icon {
447 
    background: url('/images/new_icon.png') no-repeat scroll 0 0 transparent;
448 
}
5550 amit.gupta 449 
 
5582 phani.kuma 450 
a.new-icon {
5550 amit.gupta 451 
	display: block;
5582 phani.kuma 452 
    line-height: 14px;
453 
    padding-left: 33px;
454 
}
455 
 
456 
a.fb-icon, a.g-plus-icon, a.twitter-icon, a.mobile-site-icon {
457 
	display: block;
5550 amit.gupta 458 
    line-height: 24px;
459 
    padding-left: 30px;
460 
    width: 50%;
5875 amit.gupta 461 
}
462 
 
463 
#camera-new-icon-container {
464 
    background: url("/images/new_red.png") repeat scroll 0 0 transparent;
465 
    height: 27px;
466 
    left: 83px;
467 
    position: absolute;
468 
    top: -11px;
469 
    width: 37px;
470 
}
471