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 
 
595 rajveer 324 
/*___ Error & Success Message ___*/
325 
#messageError,
326 
#messageSuccess{
327 
	margin:5px 0 15px 0;
328 
	padding:10px;
329 
}
330 
#messageError{
331 
	background:#ffffdd;
332 
	border:1px solid #cc0000;
333 
}
334 
#messageSuccess{
335 
	background:#ffffdd;
336 
	border:1px solid #006600;
337 
}
338 
 
339 
#messageError span,
340 
#messageSuccess span{
341 
	display:block;
342 
	float:left;
343 
	width:35px;
344 
	height:34px;
345 
}
346 
/*
347 
#messageError span{background:url(images/error_success_icon.png);}
348 
#messageSuccess span{background:url(images/error_success_icon.png) 0 -34px;}
349 
*/
350 
#messageError h6,
351 
#messageSuccess h6{
352 
	margin:0 0 5px 45px;
353 
	font-size:14px;
354 
}
355 
#messageError h6{color:#e47911;}
356 
#messageSuccess h6{color:#009900;}
357 
 
358 
#messageError p,
359 
#messageSuccess p{
360 
	margin-left:45px;
361 
	font-size:12px;
362 
	line-height:18px;
363 
}
364 
#messageError p{color:#b31941;}
365 
#messageSuccess p{color:#003300;}
366 
 
367 
 
568 rajveer 368 
/*___ Footer ___*/
369 
#footer{
370 
	background:#fff;
371 
	padding:10px 0;
372 
}
373 
#footer .content {
374 
	width:980px;
375 
	margin:0 auto;
376 
}
377 
#footer ul{
378 
	float:left;
379 
	list-style-type:none;
380 
	color:#0066cc;
381 
}
382 
#footer li{
383 
	float:left;
384 
	margin-right:10px;
385 
}
386 
#footer #copyright{
387 
	float:right;
388 
	color:#666;
389 
	font-size:10px;
390 
}
391 
 
392 
/*___ Yellow Buttons & Disable buttons ___*/
393 
#main .bigImgButton,
394 
#signin_menu .bigImgButton {
395 
	color:#000;
396 
	font-weight:bold;
397 
}
398 
 
399 
#main .bigImgButton .left,
400 
#signin_menu .bigImgButton .left{background:url(../images/buttons/big-button-left.jpg) no-repeat;}
401 
 
402 
#main .bigImgButton .right,
403 
#signin_menu .bigImgButton .right{background:url(../images/buttons/big-button-right.jpg) no-repeat top right;}
404 
 
405 
#main .bigImgButton .center,
406 
#signin_menu .bigImgButton .center{
407 
	margin:0 10px;
408 
	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
409 
	height:28px;
410 
}
411 
#main .bigImgButton a,
412 
#signin_menu .bigImgButton a{
413 
	color:#000;
414 
	text-decoration:none;
415 
}
416 
 
417 
#main .smallImgButton {
418 
	color:#000;
419 
	font-weight:bold;
420 
}
421 
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
422 
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
423 
#main .smallImgButton .center{
424 
	margin:0 10px;
425 
	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
426 
	height:21px;
427 
}
428 
#main .smallImgButton a{
429 
	font-size:11px;
430 
	color:#000;
431 
	text-decoration:none;
432 
}
433 
 
434 
/*___ tab buttons ___*/
435 
#tabButton{
436 
	margin-top:3px;
437 
	height:24px;
438 
}
439 
#tabButton .tabButton1{	float:left;}
440 
#tabButton .tabButton2 {float:right;}
441 
 
442 
#tabButton .spacing{
443 
	float:right;
444 
	width:12px;
445 
}
446 
#tabButton .spacing2{
447 
	float:right;
448 
	width:3px;
449 
}
450 
#tabButton .tabButton1{margin:0 10px;}
451 
#tabButton .tabButton1 a,
452 
#tabButton .tabButton1 span{display:block;}
453 
 
454 
#tabButton .tabButton1 a{
455 
	color:#333;
456 
	text-decoration:none;
457 
 
458 
	cursor:pointer;
459 
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
460 
}
461 
 
462 
#tabButton .tabButton1 a span{
463 
	margin-left:-10px;
464 
	background:url(../images/tab1-btn-left.png) no-repeat;
465 
}
466 
 
467 
#tabButton .tabButton1 a span span{
468 
	margin-right:-10px;
469 
	background:url(../images/tab1-btn-right.png) no-repeat top right;
470 
 
471 
	padding:2px 18px 0 28px;
472 
	height:22px;
473 
}
474 
 
475 
#tabButton .tabButton1 a:hover,
476 
#tabButton .tabButton1 a#activeTab{
477 
	color:#333;
478 
	text-decoration:none;
479 
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
480 
}
481 
#tabButton .tabButton1 a:hover span,
482 
#tabButton .tabButton1 a#activeTab span{
483 
	background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
484 
}
485 
#tabButton .tabButton1 a:hover span span,
486 
#tabButton .tabButton1 a#activeTab span span{
487 
	background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
488 
}
489 
 
490 
#tabButton .tabButton2{margin:0 10px;}
491 
#tabButton .tabButton2 a,
492 
#tabButton .tabButton2 span{display:block;}
493 
 
494 
#tabButton .tabButton2 a{
495 
	color:#333;
496 
	text-decoration:none;
497 
 
498 
	cursor:pointer;
499 
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
500 
}
501 
 
502 
#tabButton .tabButton2 a span{
503 
	margin-left:-10px;
504 
	background:url(../images/tab2-btn-left.png) no-repeat;
505 
}
506 
 
507 
#tabButton .tabButton2 a span span{
508 
	margin-right:-10px;
509 
	background:url(../images/tab2-btn-right.png) no-repeat top right;
510 
 
511 
	padding:2px 18px 0 28px;
512 
	height:22px;
513 
}
514 
 
515 
#tabButton .tabButton2 a:hover,
516 
#tabButton .tabButton2 a#activeTab{
517 
	color:#333;
518 
	text-decoration:none;
519 
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
520 
}
521 
#tabButton .tabButton2 a:hover span,
522 
#tabButton .tabButton2 a#activeTab span{
523 
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
524 
}
525 
#tabButton .tabButton2 a:hover span span,
526 
#tabButton .tabButton2 a#activeTab span span{
527 
	background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
528 
}
529 
 
530 
/*___ Common Classes ___*/
531 
.clearBoth{clear:both;}
532 
.floatLeft{float:left;}
533 
.floatRight{float:right;}
534 
.bold{font-weight:bold;}
535 
.lineHeight_10px{line-height:4px;}
536 
.noBorder{border:none;}
537 
 
538 
#noScript{
539 
	width:940px;
540 
	margin:20px auto;
541 
	padding:30px 20px;
542 
	font-size:18px;
543 
	color:#cc0000;
544 
	text-align:center;
545 
	background:#FDFCDC;
546 
	border:2px solid #F1EDC2;
547 
}
548 
 
549 
.padding_topbottom{
550 
	padding: 19px 0 18px;
551 
}
552 
.noBold{font-weight:normal;}