Subversion Repositories SmartDukaan

Rev

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