Subversion Repositories SmartDukaan

Rev

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