Subversion Repositories SmartDukaan

Rev

Rev 3903 | Rev 3990 | 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
img	{	border: 0px;	}
9
 
10
.red	{ color: #ff0000;	}
11
 
12
.bold	{ font-weight: bold;	}
13
 
14
/** Header CSS Start **/
15
 
16
#header	{
17
	width: 100%;
18
}
19
 
20
.left	{	float: left;	}
21
.right	{	float: right;	}
22
 
23
#topbar	{
24
	height: 40px;
25
	background-color: #000000;
26
	color: #ffffff;
27
	font-size: 12px;
28
}
29
 
30
#topbar .left	{
3966 varun.gupt 31
	background: url('/images/IconFreeDelivery_TopBar.png') 30px 7px no-repeat scroll transparent;
32
	line-height: 36px;
33
	padding-left: 70px;
3830 chandransh 34
}
35
 
36
#topbar .right	{
37
	float: right;
38
	background: url('/images/IconSupport_TopBar.png') no-repeat scroll transparent;
39
	background-position: right;
3966 varun.gupt 40
	line-height: 36px;
41
	padding-right: 40px;
3830 chandransh 42
	margin-right: 30px;
43
}
44
 
45
#topbar a	{
46
	color: #ffffff;
47
}
48
 
49
#header .main	{
50
	margin: 0px auto;
51
	width: 960px;
52
	height: 80px;
53
}
54
 
55
#header .main .center	{
56
	float: left;
57
	text-align: center;
58
	padding: 25px;
59
	width: 550px;
3854 varun.gupt 60
	margin-left: 45px;
3830 chandransh 61
}
62
 
63
#header .main .left p	{
64
	font-size: 10px;
65
	text-align: right;
66
	margin-top: -1px;
67
}
68
 
69
.searchbox	{
70
	width: 244px;
71
	float: left;
72
    border: 1px solid #CCCCCC;
73
    height: 28px;
74
    text-align: left;
75
	font-size: 12px;
76
	color: #666666;
77
	padding: 0 4px;
78
}
79
 
80
.new-button	{
3966 varun.gupt 81
	border: 1px solid #CCCCCC;
3830 chandransh 82
	background: #F6F6F6 url(/images/button-glass-bg.png) 50% 50% repeat-x;
83
	outline: none;
84
 
85
	font-size: 12px;
86
	font-weight: bold;
87
 
88
	display: inline-block;
89
	cursor: pointer;
90
	zoom: 1;
91
	overflow: visible;
92
}
93
 
3966 varun.gupt 94
.search-button	{
95
	background: #F6F6F6 url(/images/IconSearchButton_ALLSTATES.png) 7% 50% no-repeat;
96
	padding-left: 15px;
3830 chandransh 97
	width: 110px;
98
	height: 30px;
99
	margin-left: 10px;
100
}
101
 
3966 varun.gupt 102
.search-in-dropdown	{
103
	background: #F6F6F6 url(/images/button-glass-bg.png) 50% 50% repeat-x;
3830 chandransh 104
	width: 110px;
105
	margin-left: 10px;
3966 varun.gupt 106
	border: 1px solid #CCCCCC;
107
	line-height: 28px;
108
	cursor: pointer;
109
	font-weight: bold;
3830 chandransh 110
}
111
 
3966 varun.gupt 112
.search-in-dropdown .default	{
113
	background: #F6F6F6 url(/images/IconDownArrow_WhiteButton.png) 92% 50% no-repeat;
114
}
115
 
116
.search-in-dropdown .search-in-dropdown-options	{
117
	display: none;
118
	background: #F6F6F6 url(/images/button-glass-bg.png) 50% 50% repeat-x;
119
	border: 1px solid #CCCCCC;
120
	width: 109px;
121
	position: absolute;
122
	font-size: 11px;
123
    list-style: none outside none;
124
    text-align: left;
125
}
126
 
127
.search-in-dropdown .search-in-dropdown-options li	{
128
	line-height: 19px;
129
    padding: 0 6px;
130
}
131
 
132
.search-in-dropdown .search-in-dropdown-options li:hover	{
133
	background-color: #FFFFCC;
134
}
135
 
3830 chandransh 136
#header .main .right	{
3863 varun.gupt 137
	margin-top: 5px;
3830 chandransh 138
	font-size: 11px;
139
	color: #666666;
140
	line-height: 20px;
141
}
142
 
3863 varun.gupt 143
#header .main .right .social-icon	{
144
	background: url('/images/droid.gif') 0 0 no-repeat;
145
	padding: 6px 0 6px 26px;
146
}
147
 
3830 chandransh 148
#header .main .right a	{
149
	color: #006699;
150
	font-weight: bold;
151
}
152
 
153
#menu	{
154
	width: 100%;
155
	height: 45px;
156
	background:  #F6F6F6 url(/images/BG_NavBar.png) 50% 50% repeat-x;
157
}
158
 
159
#menu ul.primary	{
160
	display: block;
161
	width: 960px;
162
	margin: 0px auto;
163
	list-style: none;
164
}
165
 
166
#menu li.primary	{
167
	margin-top: 1px;
168
	height: 44px;
169
	background: url('/images/VerticalSeparator_NavBar.png') -1px 0px;
170
	background-repeat: no-repeat;
171
}
172
 
173
#menu li.primary a.link-menu-primary	{
174
	display: block;
175
	font-size: 15px;
176
	color: #ffffff;
177
	text-decoration: none;
178
	padding: 14px 20px 13px;
179
	font-weight: bold;
180
}
181
 
182
#menu a .menu-primary-arrow	{
183
	background:url("/images/IconDownArrow_UnselectedTab.png") no-repeat;
184
    height: 5px;
185
    margin: 6px 0 0 5px;
186
    width: 9px;
187
}
188
 
189
.menu-secondary	{
190
	display: none;
191
}
192
 
193
li.primary:hover	{
194
	background-color: #FFFFFF !important;
195
}
196
 
197
li.active-menu-tab	{
198
	background-color: #FFFFFF !important;
199
}
200
 
201
li.active-menu-tab	.menu-primary-arrow{
202
	background:url("/images/IconDownArrow_SelectedTab.png") no-repeat !important;
203
}
204
 
205
li.active-menu-tab a	{
206
	color: #006699 !important;
207
}
208
 
209
li.primary:hover .menu-primary-arrow	{
210
	background:url("/images/IconDownArrow_SelectedTab.png") no-repeat !important;
211
}
212
 
213
li.primary:hover a.link-menu-primary	{
214
	color: #006699 !important;
215
}
216
 
217
li.primary:hover .menu-secondary	{
218
	width: 200px;
219
    display: block;
220
    position: absolute;
221
    margin-top: 16px;
222
    background-color: #FFFFFF;
223
	border-right: 1px solid #006699;
224
	border-bottom: 1px solid #006699;
225
	border-left: 1px solid #006699;
226
	z-index: 21;
227
}
228
 
3883 varun.gupt 229
.menu-secondary .label-brand	{
230
	margin-top: 3px;
231
}
232
 
3879 varun.gupt 233
li.primary:hover #mobilesMenu	{
234
	width: 275px !important;
235
}
236
 
3830 chandransh 237
.link-menu-secondary {
238
	display: block;
239
	height: 18px;
240
	padding: 4px 4px;
241
	text-decoration: none;
242
	color: #000000 !important;
243
	font-size: 12px !important;
244
	white-space: nowrap;
3883 varun.gupt 245
	padding-left: 15px;
3830 chandransh 246
}
247
 
248
.link-menu-secondary:hover	{
249
	background-color: #FFFFCC;
250
	text-decoration: none;
251
}
252
 
3879 varun.gupt 253
.menu-secondary .menu-secondary-brand	{
254
	width: 118px;
255
}
256
 
3830 chandransh 257
.link-menu-fixed	{
258
	display: block;
259
	height: 18px;
260
	padding: 4px 4px;
261
	color: #000000 !important;
262
	font-size: 12px !important;
263
	white-space: nowrap;
264
	background-color: #e0e0e0;
265
	text-decoration: none !important;
3883 varun.gupt 266
	margin-bottom: 5px;
3830 chandransh 267
}
268
 
269
#bestDeals	{
270
	background-position: right top;
271
	padding: 15px 30px;
272
}
273
 
3903 varun.gupt 274
.best-deals-badge	{
275
	background: url('/images/IconBestDeals_NavBar.png') no-repeat scroll transparent;
276
}
277
 
3830 chandransh 278
#bestDeals a	{
279
	font-size: 15px;
280
	color: #ffffff;
281
	text-decoration: none;
282
}
283
/** Header End **/
284
 
285
/** Footer Start **/
286
#footer	{
287
	width: 100%;
288
	background: #F6F6F6 url(../images/FooterBG.png) 50% 50% repeat;
289
	margin-top: 30px;
290
}
291
 
292
#footerLinks	{
293
	width: 960px;
294
	min-height: 130px;
295
	margin: 0 auto;
296
	padding: 30px 0px;
3845 varun.gupt 297
	overflow: auto;
3830 chandransh 298
}
299
 
300
#footerLinks .footer-links-group	{
301
	width: 160px;
302
	float: left;
303
	margin-left: 25px;
304
}
305
 
3844 varun.gupt 306
.footer-links-group div	{
307
    color: #FFFFFF;
308
    font-size: 15px;
309
    font-weight: bold;
310
    margin-bottom: 10px;
3830 chandransh 311
}
312
 
313
.footer-links-group a	{
314
	display: block;
315
	color: #ffffff;
316
	font-size: 15px;
317
	text-decoration: none;
318
}
319
 
320
#bottombar	{
321
	padding: 14px 0;
322
	text-align: center;
323
	font-size: 11px;
324
	font-weight: bold;
325
	color: #ffffff;
326
	background-color: #000000;
327
	opacity:0.3;
328
	filter:alpha(opacity=30);
329
}
330
/** Footer End **/