Subversion Repositories SmartDukaan

Rev

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