Subversion Repositories SmartDukaan

Rev

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