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 
}
611 rajveer 176 
#headerRight .signin,
177 
#headerRight .signin1,
178 
#headerRight .menu-open{
568 rajveer 179 
	padding-right:18px;
180 
	/*background:url(../images/down-arrow-blue.jpg) no-repeat 50px 3px;*/
181 
	background:url(../images/down-arrow-blue.jpg) no-repeat 100% 3px;
182 
}
183 
#signin_menu .bottom{
184 
	height:65px;
185 
	background:url(../images/signin-bottom.png) no-repeat bottom left;
186 
}
187 
#signin_menu .bottom a{
188 
	color:#fff;
189 
	text-decoration:none;
190 
}
191 
#signin_menu .bottom a:hover{
192 
	color:#fff;
193 
	text-decoration:underline;
194 
}
195 
#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
196 
#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}
197 
 
198 
/*___ Notification ___*/
199 
#notification{
200 
	position:absolute;
201 
	margin:-4px 0 0 340px;
202 
	z-index:1000;
203 
}
204 
 
205 
#notification,
206 
#notification .top,
207 
#notification .middle,
208 
#notification .bottom{
209 
	width:272px;
210 
}
211 
#notification .top{
212 
	line-height:16px;
213 
	background:url(../images/notification-top.png) no-repeat;
214 
}
215 
#notification .bottom{
216 
	line-height:16px;
217 
	background:url(../images/notification-bottom.png) no-repeat bottom left;
218 
}
219 
#notification .middle{
220 
	background:url(../images/notification-ver-bar.png) repeat-y;
221 
}
222 
#notification .colLeft{
223 
	float:left;
224 
	width:215px;
225 
	margin:0 0 3px 15px;
226 
 
227 
	font-size:11px;
228 
	font-weight:normal;
229 
	color:#333;
230 
	line-height:18px;
231 
}
232 
#notification .link{
233 
	margin-top:2px;
234 
	font-weight:bold;
235 
}
236 
#notification a#notficationClose{
237 
	float:right;
238 
	width:18px;
239 
	margin-right:18px;
240 
}
241 
#notification .borderBottom{
242 
	margin:-15px 0 5px 0;
243 
	border-bottom:1px solid #ccc;
244 
}
245 
 
246 
/*___ Search & Cart ___*/
247 
#searchCartArea{margin-bottom:4px;}
248 
#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
249 
#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
250 
#searchCartArea .center{
251 
	margin:0 4px;
252 
	background:url(../images/search-hor-bar.jpg) repeat-x;
253 
}
254 
 
255 
#search{padding:3px 0;}
256 
#search .textbox{
257 
	float:left;
258 
	width:366px;
259 
	margin-right:4px;
260 
	padding:5px 4px;
261 
	border:1px solid #848484;
262 
}
263 
#search .dropdown{
264 
	float:left;
265 
	height:28px;
266 
	margin-right:5px;
267 
	font-size:14px;
268 
	border:1px solid #848484;
269 
	background:#fff;
270 
}
271 
#search .button{
272 
	cursor:pointer;
273 
	width:80px;
274 
	padding:4px 0 2px 0;
275 
	font-weight:bold;
276 
	background:none;
277 
	border:none;
278 
}
279 
 
280 
#search, #cartValue,
281 
#search .bigImgButton, #cartValue .bigImgButton {float:left;}
282 
 
283 
#cartValue{
284 
	float:right;
285 
	margin-top:3px;
286 
}
287 
#cartValue img{
288 
	float:left;
289 
	margin-right:6px;
290 
}
291 
#cartValue .caption{
292 
	float:left;
293 
	margin-top:4px;
294 
}
295 
 
296 
/*___ Sidebar ___*/
297 
#sidebar{
298 
	width:240px;
299 
	float:right;
300 
	color:#333;
301 
}
302 
#sidebarBanner{
303 
	width:240px;
304 
	margin-bottom:3px;
305 
}
306 
#sidebar h1{
307 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
308 
	font-size:16px;
309 
}
310 
#customerService{
311 
	background:#f5f5f5;
312 
	border:1px solid #ccc;
313 
}
314 
#customerService h2{
315 
	padding:2px 0 0 5px;
316 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
317 
	font-size:14px;
318 
	height: 26px;
319 
	background:url(../images/customer-service-hor-bar.jpg) repeat-x;
320 
}
321 
#customerService #customerPhone,
322 
#customerService #customerPhone img,
323 
#customerService #customerPhone span{float:left;}
324 
#customerService #customerPhone span{margin-top:10px;}
325 
 
595 rajveer 326 
/*___ Error & Success Message ___*/
327 
#messageError,
328 
#messageSuccess{
329 
	margin:5px 0 15px 0;
330 
	padding:10px;
331 
}
332 
#messageError{
333 
	background:#ffffdd;
334 
	border:1px solid #cc0000;
335 
}
336 
#messageSuccess{
337 
	background:#ffffdd;
338 
	border:1px solid #006600;
339 
}
340 
 
341 
#messageError span,
342 
#messageSuccess span{
343 
	display:block;
344 
	float:left;
345 
	width:35px;
346 
	height:34px;
347 
}
348 
/*
349 
#messageError span{background:url(images/error_success_icon.png);}
350 
#messageSuccess span{background:url(images/error_success_icon.png) 0 -34px;}
351 
*/
352 
#messageError h6,
353 
#messageSuccess h6{
354 
	margin:0 0 5px 45px;
355 
	font-size:14px;
356 
}
357 
#messageError h6{color:#e47911;}
358 
#messageSuccess h6{color:#009900;}
359 
 
360 
#messageError p,
361 
#messageSuccess p{
362 
	margin-left:45px;
363 
	font-size:12px;
364 
	line-height:18px;
365 
}
366 
#messageError p{color:#b31941;}
367 
#messageSuccess p{color:#003300;}
368 
 
369 
 
568 rajveer 370 
/*___ Footer ___*/
371 
#footer{
372 
	background:#fff;
373 
	padding:10px 0;
374 
}
375 
#footer .content {
376 
	width:980px;
377 
	margin:0 auto;
378 
}
379 
#footer ul{
380 
	float:left;
381 
	list-style-type:none;
382 
	color:#0066cc;
383 
}
384 
#footer li{
385 
	float:left;
386 
	margin-right:10px;
387 
}
388 
#footer #copyright{
389 
	float:right;
390 
	color:#666;
391 
	font-size:10px;
392 
}
393 
 
394 
/*___ Yellow Buttons & Disable buttons ___*/
395 
#main .bigImgButton,
396 
#signin_menu .bigImgButton {
397 
	color:#000;
398 
	font-weight:bold;
399 
}
400 
 
401 
#main .bigImgButton .left,
402 
#signin_menu .bigImgButton .left{background:url(../images/buttons/big-button-left.jpg) no-repeat;}
403 
 
404 
#main .bigImgButton .right,
405 
#signin_menu .bigImgButton .right{background:url(../images/buttons/big-button-right.jpg) no-repeat top right;}
406 
 
407 
#main .bigImgButton .center,
408 
#signin_menu .bigImgButton .center{
409 
	margin:0 10px;
410 
	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
411 
	height:28px;
412 
}
413 
#main .bigImgButton a,
414 
#signin_menu .bigImgButton a{
415 
	color:#000;
416 
	text-decoration:none;
417 
}
418 
 
419 
#main .smallImgButton {
420 
	color:#000;
421 
	font-weight:bold;
422 
}
423 
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
424 
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
425 
#main .smallImgButton .center{
426 
	margin:0 10px;
427 
	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
428 
	height:21px;
429 
}
430 
#main .smallImgButton a{
431 
	font-size:11px;
432 
	color:#000;
433 
	text-decoration:none;
434 
}
435 
 
436 
/*___ tab buttons ___*/
437 
#tabButton{
438 
	margin-top:3px;
439 
	height:24px;
440 
}
441 
#tabButton .tabButton1{	float:left;}
442 
#tabButton .tabButton2 {float:right;}
443 
 
444 
#tabButton .spacing{
445 
	float:right;
446 
	width:12px;
447 
}
448 
#tabButton .spacing2{
449 
	float:right;
450 
	width:3px;
451 
}
452 
#tabButton .tabButton1{margin:0 10px;}
453 
#tabButton .tabButton1 a,
454 
#tabButton .tabButton1 span{display:block;}
455 
 
456 
#tabButton .tabButton1 a{
457 
	color:#333;
458 
	text-decoration:none;
459 
 
460 
	cursor:pointer;
461 
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
462 
}
463 
 
464 
#tabButton .tabButton1 a span{
465 
	margin-left:-10px;
466 
	background:url(../images/tab1-btn-left.png) no-repeat;
467 
}
468 
 
469 
#tabButton .tabButton1 a span span{
470 
	margin-right:-10px;
471 
	background:url(../images/tab1-btn-right.png) no-repeat top right;
472 
 
473 
	padding:2px 18px 0 28px;
474 
	height:22px;
475 
}
476 
 
477 
#tabButton .tabButton1 a:hover,
478 
#tabButton .tabButton1 a#activeTab{
479 
	color:#333;
480 
	text-decoration:none;
481 
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
482 
}
483 
#tabButton .tabButton1 a:hover span,
484 
#tabButton .tabButton1 a#activeTab span{
485 
	background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
486 
}
487 
#tabButton .tabButton1 a:hover span span,
488 
#tabButton .tabButton1 a#activeTab span span{
489 
	background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
490 
}
491 
 
492 
#tabButton .tabButton2{margin:0 10px;}
493 
#tabButton .tabButton2 a,
494 
#tabButton .tabButton2 span{display:block;}
495 
 
496 
#tabButton .tabButton2 a{
497 
	color:#333;
498 
	text-decoration:none;
499 
 
500 
	cursor:pointer;
501 
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
502 
}
503 
 
504 
#tabButton .tabButton2 a span{
505 
	margin-left:-10px;
506 
	background:url(../images/tab2-btn-left.png) no-repeat;
507 
}
508 
 
509 
#tabButton .tabButton2 a span span{
510 
	margin-right:-10px;
511 
	background:url(../images/tab2-btn-right.png) no-repeat top right;
512 
 
513 
	padding:2px 18px 0 28px;
514 
	height:22px;
515 
}
516 
 
517 
#tabButton .tabButton2 a:hover,
518 
#tabButton .tabButton2 a#activeTab{
519 
	color:#333;
520 
	text-decoration:none;
521 
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
522 
}
523 
#tabButton .tabButton2 a:hover span,
524 
#tabButton .tabButton2 a#activeTab span{
525 
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
526 
}
527 
#tabButton .tabButton2 a:hover span span,
528 
#tabButton .tabButton2 a#activeTab span span{
529 
	background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
530 
}
531 
 
532 
/*___ Common Classes ___*/
533 
.clearBoth{clear:both;}
534 
.floatLeft{float:left;}
535 
.floatRight{float:right;}
536 
.bold{font-weight:bold;}
537 
.lineHeight_10px{line-height:4px;}
538 
.noBorder{border:none;}
539 
 
540 
#noScript{
541 
	width:940px;
542 
	margin:20px auto;
543 
	padding:30px 20px;
544 
	font-size:18px;
545 
	color:#cc0000;
546 
	text-align:center;
547 
	background:#FDFCDC;
548 
	border:2px solid #F1EDC2;
549 
}
550 
 
551 
.padding_topbottom{
552 
	padding: 19px 0 18px;
553 
}
554 
.noBold{font-weight:normal;}