Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
568 rajveer 1 
/**
2 
  * Author 			: Raj Kumar Bharti
3 
  * Creation Date 	: 31 Dec 2010
4 
  * Project 		: Shop2020
5 
  * Copyright 2010 Evon Technologies
6 
*/
7 
 
8 
html, body, h1, h2, h3, h4, h5, h6, div, span, p, ol, ul, li, dl, dt, dd, table, th, tr, td, form, label, input, select, textarea {margin:0; padding:0;}
9 
 
10 
body{
11 
	font-family:Verdana, Verdana, Geneva, sans-serif;
12 
	font-size:12px;
13 
	color:#000;
14 
	line-height:20px;
15 
	background:#555;
16 
}
17 
 
18 
h1{
19 
	font-size:24px;
20 
	font-weight:bold;
21 
}
22 
h2{
23 
	font-size:20px;
24 
	font-weight:bold;
25 
}
26 
h3{
27 
	font-size:14px;
28 
	font-weight:bold;
29 
}
30 
a{
31 
	outline:none;
32 
	color:#0066CC;
33 
	text-decoration:none;
34 
}
35 
a:hover{
36 
	color:#0066CC;
37 
	text-decoration:underline;
38 
}
39 
 
40 
a img {border:0;}
41 
 
42 
input, select, textarea{outline:none;}
43 
 
44 
/*___ Header ___*/
45 
#header{background:#fdfdfd;}
46 
#header .content{
47 
	width:980px;
48 
	margin:0 auto;
49 
	padding:10px 0 7px 0;
50 
}
51 
 
52 
#logo{
53 
	float:left;
54 
	margin-left:15px;
55 
}
56 
 
57 
#headerRight{
58 
	float:right;
59 
	width:700px;
60 
	margin-top:25px;
61 
	font-weight:bold;
62 
	font-size:11px;
63 
	color:#999;
64 
}
65 
#welcome_msg{
66 
	float:right;
67 
	width:250px;
68 
	margin-right:10px;
69 
	text-align:right;
70 
	color:#010101;
71 
}
72 
#headerRight #login_span{
73 
	float:right;
74 
	color:#0066cc;
75 
}
76 
.facebook{
77 
	padding:3px 25px 5px 0;
78 
	/*background:url(../images/buttons/facebook-header.jpg) no-repeat 68px 0px;*/
79 
	background:url(../images/buttons/facebook-header.jpg) no-repeat top right;
80 
}
81 
#subscribe{
82 
	float:left;
83 
	margin:5px 0 0 107px;
84 
	padding:2px 0;
85 
	color:#666;
86 
	border-right:1px solid #848484;
87 
}
88 
#subscribe span{margin-right:6px;}
89 
#subscribe input, #subscribe span{float:left;}
90 
#subscribe .textbox{
91 
	width:205px;
92 
	margin-right:3px;
93 
	padding:3px;
94 
	height:14px;
95 
	color:#999;
96 
	font-size:11px;
97 
	border:1px solid #848484;
98 
}
99 
#subscribe .button{
100 
	background:url(../images/buttons/go.jpg) no-repeat;
101 
	border:none;
102 
	width:31px;
103 
	height:21px;
104 
	margin:1px 6px 0 0;
105 
}
106 
 
107 
#facebookFindUsOn{
108 
	float:right;
109 
	margin-top:5px;
110 
	width:104px;
111 
}
112 
 
113 
/*___ Main ___*/
114 
#main{
115 
	width:980px;
116 
	margin:0 auto;
117 
}
118 
 
119 
/*___ Sign In ___*/
120 
#signin_menu,
121 
#signin_menu .top,
122 
#signin_menu .middle,
123 
#signin_menu .bottom{width:272px;}
124 
 
125 
#signin_menu{
126 
	position:absolute;
127 
	z-index:9999;
128 
	margin:-2px 0 0 436px;
129 
	padding:0;
130 
	font-weight:normal;
131 
	border:none;
132 
}
133 
#signin_menu .top{
134 
	line-height:16px;
135 
	background:url(../images/notification-top.png) no-repeat;
136 
}
137 
 
138 
#signin_menu .middle{
139 
	background:url(../images/notification-ver-bar.png) repeat-y;
140 
}
141 
 
142 
#signin_menu .middle dl{padding:15px 0;}
143 
#signin_menu .middle dt{
144 
	float:left;
145 
	width:80px;
146 
	margin:3px 8px 12px 0;
147 
	color:#333333;
148 
	text-align:right;
149 
	font-weight:normal;
150 
}
151 
#signin_menu .middle dd{
152 
	float:left;
153 
	width:160px;
154 
	margin-bottom:12px;
155 
	text-align:right;
156 
}
157 
#signin_menu .middle label.floatRight{color:#06c;}
158 
#signin_menu .middle input.floatRight{margin:3px 5px 0 0;}
159 
#signin_menu .middle .textbox{
160 
	padding:5px 0;
161 
	width:100%;
162 
	text-align:left;
163 
	font-size:11px;
164 
	background:#f8f8f8;
165 
	border:1px solid #b5b5b5;
166 
}
167 
#signin_menu .middle .bigImgButton{float:right;}
168 
#signin_menu .middle .button{
169 
	cursor:pointer;
170 
	margin-top:5px;
171 
	font-size:14px;
172 
	font-weight:bold;
173 
	border:none;
174 
	background:none;
175 
}
176 
.signin, .signin1, .menu-open{
177 
	padding-right:18px;
178 
	/*background:url(../images/down-arrow-blue.jpg) no-repeat 50px 3px;*/
179 
	background:url(../images/down-arrow-blue.jpg) no-repeat 100% 3px;
180 
}
181 
#signin_menu .bottom{
182 
	height:65px;
183 
	background:url(../images/signin-bottom.png) no-repeat bottom left;
184 
}
185 
#signin_menu .bottom a{
186 
	color:#fff;
187 
	text-decoration:none;
188 
}
189 
#signin_menu .bottom a:hover{
190 
	color:#fff;
191 
	text-decoration:underline;
192 
}
193 
#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
194 
#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}
195 
 
196 
/*___ Notification ___*/
197 
#notification{
198 
	position:absolute;
199 
	margin:-4px 0 0 340px;
200 
	z-index:1000;
201 
}
202 
 
203 
#notification,
204 
#notification .top,
205 
#notification .middle,
206 
#notification .bottom{
207 
	width:272px;
208 
}
209 
#notification .top{
210 
	line-height:16px;
211 
	background:url(../images/notification-top.png) no-repeat;
212 
}
213 
#notification .bottom{
214 
	line-height:16px;
215 
	background:url(../images/notification-bottom.png) no-repeat bottom left;
216 
}
217 
#notification .middle{
218 
	background:url(../images/notification-ver-bar.png) repeat-y;
219 
}
220 
#notification .colLeft{
221 
	float:left;
222 
	width:215px;
223 
	margin:0 0 3px 15px;
224 
 
225 
	font-size:11px;
226 
	font-weight:normal;
227 
	color:#333;
228 
	line-height:18px;
229 
}
230 
#notification .link{
231 
	margin-top:2px;
232 
	font-weight:bold;
233 
}
234 
#notification a#notficationClose{
235 
	float:right;
236 
	width:18px;
237 
	margin-right:18px;
238 
}
239 
#notification .borderBottom{
240 
	margin:-15px 0 5px 0;
241 
	border-bottom:1px solid #ccc;
242 
}
243 
 
244 
/*___ Search & Cart ___*/
245 
#searchCartArea{margin-bottom:4px;}
246 
#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
247 
#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
248 
#searchCartArea .center{
249 
	margin:0 4px;
250 
	background:url(../images/search-hor-bar.jpg) repeat-x;
251 
}
252 
 
253 
#search{padding:3px 0;}
254 
#search .textbox{
255 
	float:left;
256 
	width:366px;
257 
	margin-right:4px;
258 
	padding:5px 4px;
259 
	border:1px solid #848484;
260 
}
261 
#search .dropdown{
262 
	float:left;
263 
	height:28px;
264 
	margin-right:5px;
265 
	font-size:14px;
266 
	border:1px solid #848484;
267 
	background:#fff;
268 
}
269 
#search .button{
270 
	cursor:pointer;
271 
	width:80px;
272 
	padding:4px 0 2px 0;
273 
	font-weight:bold;
274 
	background:none;
275 
	border:none;
276 
}
277 
 
278 
#search, #cartValue,
279 
#search .bigImgButton, #cartValue .bigImgButton {float:left;}
280 
 
281 
#cartValue{
282 
	float:right;
283 
	margin-top:3px;
284 
}
285 
#cartValue img{
286 
	float:left;
287 
	margin-right:6px;
288 
}
289 
#cartValue .caption{
290 
	float:left;
291 
	margin-top:4px;
292 
}
293 
 
294 
/*___ Sidebar ___*/
295 
#sidebar{
296 
	width:240px;
297 
	float:right;
298 
	color:#333;
299 
}
300 
#sidebarBanner{
301 
	width:240px;
302 
	margin-bottom:3px;
303 
}
304 
#sidebar h1{
305 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
306 
	font-size:16px;
307 
}
308 
#customerService{
309 
	background:#f5f5f5;
310 
	border:1px solid #ccc;
311 
}
312 
#customerService h2{
313 
	padding:2px 0 0 5px;
314 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
315 
	font-size:14px;
316 
	height: 26px;
317 
	background:url(../images/customer-service-hor-bar.jpg) repeat-x;
318 
}
319 
#customerService #customerPhone,
320 
#customerService #customerPhone img,
321 
#customerService #customerPhone span{float:left;}
322 
#customerService #customerPhone span{margin-top:10px;}
323 
 
324 
/*___ Footer ___*/
325 
#footer{
326 
	background:#fff;
327 
	padding:10px 0;
328 
}
329 
#footer .content {
330 
	width:980px;
331 
	margin:0 auto;
332 
}
333 
#footer ul{
334 
	float:left;
335 
	list-style-type:none;
336 
	color:#0066cc;
337 
}
338 
#footer li{
339 
	float:left;
340 
	margin-right:10px;
341 
}
342 
#footer #copyright{
343 
	float:right;
344 
	color:#666;
345 
	font-size:10px;
346 
}
347 
 
348 
/*___ Yellow Buttons & Disable buttons ___*/
349 
#main .bigImgButton,
350 
#signin_menu .bigImgButton {
351 
	color:#000;
352 
	font-weight:bold;
353 
}
354 
 
355 
#main .bigImgButton .left,
356 
#signin_menu .bigImgButton .left{background:url(../images/buttons/big-button-left.jpg) no-repeat;}
357 
 
358 
#main .bigImgButton .right,
359 
#signin_menu .bigImgButton .right{background:url(../images/buttons/big-button-right.jpg) no-repeat top right;}
360 
 
361 
#main .bigImgButton .center,
362 
#signin_menu .bigImgButton .center{
363 
	margin:0 10px;
364 
	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
365 
	height:28px;
366 
}
367 
#main .bigImgButton a,
368 
#signin_menu .bigImgButton a{
369 
	color:#000;
370 
	text-decoration:none;
371 
}
372 
 
373 
#main .smallImgButton {
374 
	color:#000;
375 
	font-weight:bold;
376 
}
377 
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
378 
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
379 
#main .smallImgButton .center{
380 
	margin:0 10px;
381 
	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
382 
	height:21px;
383 
}
384 
#main .smallImgButton a{
385 
	font-size:11px;
386 
	color:#000;
387 
	text-decoration:none;
388 
}
389 
 
390 
/*___ tab buttons ___*/
391 
#tabButton{
392 
	margin-top:3px;
393 
	height:24px;
394 
}
395 
#tabButton .tabButton1{	float:left;}
396 
#tabButton .tabButton2 {float:right;}
397 
 
398 
#tabButton .spacing{
399 
	float:right;
400 
	width:12px;
401 
}
402 
#tabButton .spacing2{
403 
	float:right;
404 
	width:3px;
405 
}
406 
#tabButton .tabButton1{margin:0 10px;}
407 
#tabButton .tabButton1 a,
408 
#tabButton .tabButton1 span{display:block;}
409 
 
410 
#tabButton .tabButton1 a{
411 
	color:#333;
412 
	text-decoration:none;
413 
 
414 
	cursor:pointer;
415 
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
416 
}
417 
 
418 
#tabButton .tabButton1 a span{
419 
	margin-left:-10px;
420 
	background:url(../images/tab1-btn-left.png) no-repeat;
421 
}
422 
 
423 
#tabButton .tabButton1 a span span{
424 
	margin-right:-10px;
425 
	background:url(../images/tab1-btn-right.png) no-repeat top right;
426 
 
427 
	padding:2px 18px 0 28px;
428 
	height:22px;
429 
}
430 
 
431 
#tabButton .tabButton1 a:hover,
432 
#tabButton .tabButton1 a#activeTab{
433 
	color:#333;
434 
	text-decoration:none;
435 
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
436 
}
437 
#tabButton .tabButton1 a:hover span,
438 
#tabButton .tabButton1 a#activeTab span{
439 
	background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
440 
}
441 
#tabButton .tabButton1 a:hover span span,
442 
#tabButton .tabButton1 a#activeTab span span{
443 
	background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
444 
}
445 
 
446 
#tabButton .tabButton2{margin:0 10px;}
447 
#tabButton .tabButton2 a,
448 
#tabButton .tabButton2 span{display:block;}
449 
 
450 
#tabButton .tabButton2 a{
451 
	color:#333;
452 
	text-decoration:none;
453 
 
454 
	cursor:pointer;
455 
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
456 
}
457 
 
458 
#tabButton .tabButton2 a span{
459 
	margin-left:-10px;
460 
	background:url(../images/tab2-btn-left.png) no-repeat;
461 
}
462 
 
463 
#tabButton .tabButton2 a span span{
464 
	margin-right:-10px;
465 
	background:url(../images/tab2-btn-right.png) no-repeat top right;
466 
 
467 
	padding:2px 18px 0 28px;
468 
	height:22px;
469 
}
470 
 
471 
#tabButton .tabButton2 a:hover,
472 
#tabButton .tabButton2 a#activeTab{
473 
	color:#333;
474 
	text-decoration:none;
475 
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
476 
}
477 
#tabButton .tabButton2 a:hover span,
478 
#tabButton .tabButton2 a#activeTab span{
479 
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
480 
}
481 
#tabButton .tabButton2 a:hover span span,
482 
#tabButton .tabButton2 a#activeTab span span{
483 
	background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
484 
}
485 
 
486 
/*___ Common Classes ___*/
487 
.clearBoth{clear:both;}
488 
.floatLeft{float:left;}
489 
.floatRight{float:right;}
490 
.bold{font-weight:bold;}
491 
.lineHeight_10px{line-height:4px;}
492 
.noBorder{border:none;}
493 
 
494 
#noScript{
495 
	width:940px;
496 
	margin:20px auto;
497 
	padding:30px 20px;
498 
	font-size:18px;
499 
	color:#cc0000;
500 
	text-align:center;
501 
	background:#FDFCDC;
502 
	border:2px solid #F1EDC2;
503 
}
504 
 
505 
.padding_topbottom{
506 
	padding: 19px 0 18px;
507 
}
508 
.noBold{font-weight:normal;}