Subversion Repositories SmartDukaan

Rev

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