Subversion Repositories SmartDukaan

Rev

Rev 1413 | Rev 1913 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
794 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;
1127 vikas 14
	line-height:18px;
794 rajveer 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
	/*
55
	margin-left:15px;
56
	*/
57
}
58
 
59
#headerRight{
60
	float:right;
61
	width:650px;
1798 chandransh 62
	margin-top:45px;
794 rajveer 63
	font-weight:bold;
64
	font-size:11px;
65
	color:#999;
66
}
67
#welcome_msg{
68
	float:right;
69
	width:250px;
70
	margin-right:10px;
71
	text-align:right;
72
	color:#010101;
73
}
74
#headerRight #login_span{
75
	float:right;
76
	color:#0066cc;
77
}
78
.facebook{
79
	padding:3px 25px 5px 0;
80
	/*background:url(../images/buttons/facebook-header.jpg) no-repeat 68px 0px;*/
81
	background:url(../images/buttons/facebook-header.jpg) no-repeat top right;
82
}
83
#subscribe{
84
	float:left;
85
	margin:5px 0 0 107px;
86
	padding:2px 0;
87
	color:#666;
88
	border-right:1px solid #848484;
89
}
90
#subscribe span{margin-right:6px;}
91
#subscribe input, #subscribe span{float:left;}
92
#subscribe .textbox{
93
	width:205px;
94
	margin-right:3px;
95
	padding:3px;
96
	height:14px;
97
	color:#999;
98
	font-size:11px;
99
	border:1px solid #848484;
100
}
101
#subscribe .button{
102
	background:url(../images/buttons/go.jpg) no-repeat;
103
	border:none;
104
	width:31px;
105
	height:21px;
106
	margin:1px 6px 0 0;
107
}
108
 
109
#facebookFindUsOn{
110
	float:right;
111
	margin-top:5px;
112
	width:104px;
113
}
114
 
115
/*___ Main ___*/
1198 varun.gupt 116
#registration div.middle	{
117
	min-height: 550px;
118
}
119
 
794 rajveer 120
#main{
121
	width:980px;
122
	margin:0 auto;
123
}
124
 
125
/*___ Sign In ___*/
126
#signin_menu,
127
#signin_menu .top,
128
#signin_menu .middle,
129
#signin_menu .bottom{width:272px;}
130
 
131
#signin_menu{
132
	position:absolute;
133
	z-index:9999;
808 rajveer 134
	/*margin:-2px 0 0 405px;*/
135
  margin:-2px 0 0 390px; /* by ebzon */
794 rajveer 136
	padding:0;
137
	font-weight:normal;
138
	border:none;
139
	display: none; /**** Ebizon changes for inline css ****/
140
}
141
#signin_menu .top{
142
	line-height:16px;
1102 rajveer 143
	/*background:url(../images/notification-top.png) no-repeat;*/
144
	background: url("../images/login-sprite.png") repeat-y scroll 0px 0px transparent;
794 rajveer 145
}
146
 
147
#signin_menu .middle{
1102 rajveer 148
	/*background:url(../images/notification-ver-bar.png) repeat-y;*/
149
	 background: url("../images/login-sprite.png") repeat-y scroll -272px 0 transparent;
794 rajveer 150
}
151
 
152
#signin_menu .middle dl{padding:15px 0;}
153
#signin_menu .middle dt{
154
	float:left;
155
	width:80px;
156
	margin:3px 8px 12px 0;
157
	color:#333333;
158
	text-align:right;
159
	font-weight:normal;
160
}
161
#signin_menu .middle dd{
162
	float:left;
163
	width:160px;
164
	margin-bottom:12px;
165
	text-align:right;
166
}
167
#signin_menu .middle label.floatRight{color:#06c;}
168
#signin_menu .middle input.floatRight{margin:3px 5px 0 0;}
169
#signin_menu .middle input.textbox{
170
	padding:5px 0;
171
  width:155px !important; 
172
	text-align:left;
173
	font-size:11px;
174
	background:#f8f8f8;
175
	border:1px solid #b5b5b5;
176
}
177
#signin_menu .middle .bigImgButton{float:right;}
178
/** #signin_menu .middle .button{
179
	cursor:pointer;
180
	margin-top:5px;
181
	font-size:14px;
182
	font-weight:bold;
183
	border:none;
808 rajveer 184
	background:none;      
185
}---commented by ebizon **/ 
794 rajveer 186
#headerRight .signin, 
187
#headerRight .signin1, 
188
#headerRight .menu-open{
189
	padding-right:18px;
951 vikas 190
    background:transparent url(../images/spriteme1.png) no-repeat scroll 40px -893px;
794 rajveer 191
}
192
#signin_menu .bottom{
193
	height:65px;
1102 rajveer 194
	/*background:url(../images/signin-bottom.png) no-repeat bottom left;*/
195
	background: url("../images/login-sprite.png") repeat-y scroll -547px 0 transparent;
794 rajveer 196
}
197
#signin_menu .bottom a{
198
	color:#fff;
199
	text-decoration:none;
200
}
201
#signin_menu .bottom a:hover{
202
	color:#fff;
203
	text-decoration:underline;
204
}
205
#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
206
#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}
207
 
208
/*___ Notification ___*/
209
#notification{
210
	position:absolute;
211
	margin:-4px 0 0 340px;
212
	z-index:1000;
213
}
214
 
215
#notification,
216
#notification .top,
217
#notification .middle,
218
#notification .bottom{
219
	width:272px;
220
}
221
#notification .top{
222
	line-height:16px;
223
	background:url(../images/notification-top.png) no-repeat;
224
}
225
#notification .bottom{
226
	line-height:16px;
227
	background:url(../images/notification-bottom.png) no-repeat bottom left;
228
}
229
#notification .middle{
230
	background:url(../images/notification-ver-bar.png) repeat-y;
231
}
232
#notification .colLeft{
233
	float:left;
234
	width:215px;
235
	margin:0 0 3px 15px;
236
 
237
	font-size:11px;
238
	font-weight:normal;
239
	color:#333;
240
	line-height:18px;	
241
}
242
#notification .link{
243
	margin-top:2px;
244
	font-weight:bold;
245
}
246
#notification a#notficationClose{
247
	float:right;
248
	width:18px;
249
	margin-right:18px;
250
}
251
#notification .borderBottom{
252
	margin:-15px 0 5px 0;
253
	border-bottom:1px solid #ccc;
254
}
255
 
256
/*___ Search & Cart ___*/
257
#searchCartArea{
258
margin-bottom:4px;
259
         float: left;  /*** Ebizon   ***/
260
        width:100%;    /*** Ebizon   ***/
261
}
262
#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
263
#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
264
#searchCartArea .center{
265
	margin:0 4px;
266
	background:url(../images/search-hor-bar.jpg) repeat-x;
267
}
268
 
269
#search{
270
padding:3px 0;
271
/* padding:2px 0 0 0; */ /*** Ebizon   ***/
272
}
273
#search .textbox{
274
	float:left;
275
	width:366px;
276
	margin-right:4px;
277
	padding:5px 4px;
278
	border:1px solid #848484;
808 rajveer 279
        height: 16px; /** Ebizon Changes to make search text box equal with select **/ 
794 rajveer 280
}
281
#search .dropdown{
282
	float:left;
283
	height:28px;
284
	margin-right:5px;
285
	font-size:14px;
286
	border:1px solid #848484;
287
	background:#fff;
808 rajveer 288
	padding: 4px; /** Ebizon changes for make select text center **/
794 rajveer 289
}
290
 
291
#search, #cartValue,
292
#search .bigImgButton, #cartValue .bigImgButton {float:left;}
293
 
294
#cartValue{
295
	float:right;
296
	margin-top:3px;
297
}
298
#cartValue img{
299
	float:left;
300
	margin-right:6px;
301
}
302
#cartValue .caption{
303
	float:left;
304
	/**margin-top:4px;  by ebizon**/
305
}
306
 
307
/*___ Sidebar ___*/
308
#sidebar{
309
	width:240px;
310
	float:right;
311
	color:#333;
312
}
313
#sidebarBanner{
314
	width:240px;
315
	margin-bottom:3px;
316
}
317
#sidebar h1{
318
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
319
	font-size:16px;
320
}
321
#customerService{
322
	background:#f5f5f5;
323
	border:1px solid #ccc;
950 rajveer 324
	height:70px;
325
	position:relative;
1143 rajveer 326
	width:238px;
794 rajveer 327
}
950 rajveer 328
#customerService img {
329
	position: absolute;
330
	top: 0;
331
}
332
 
794 rajveer 333
#customerService h2{
334
	padding:2px 0 0 5px;
335
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
336
	font-size:14px;
337
	height: 26px;
951 vikas 338
    background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -625px;
794 rajveer 339
}
340
#customerService #customerPhone,
341
#customerService #customerPhone img,
342
#customerService #customerPhone span{float:left;}
1102 rajveer 343
#customerService #customerPhone span{margin-top:10px; margin-left:52px;}
794 rajveer 344
 
950 rajveer 345
#customerService #customerPhone img{
346
clip:rect(0px, 44px, 42px, 0px);
347
left:40px;
348
line-height:10px;
349
top:28px;
350
}
351
 
794 rajveer 352
/*___ Error & Success Message ___*/
353
#messageError,
354
#messageSuccess{
355
	margin:5px 0 15px 0;
356
	padding:10px;
357
}
358
#messageError{
359
	background:#ffffdd;
1143 rajveer 360
	border:1px solid #cc0000;
794 rajveer 361
}
362
#messageSuccess{
363
	background:#ffffdd;
364
	border:1px solid #006600;		
365
}
366
 
367
#messageError span,
368
#messageSuccess span{
369
	display:block;
370
	float:left;
371
	width:35px;
372
	height:34px;
373
}
374
/*
375
#messageError span{background:url(images/error_success_icon.png);}
376
#messageSuccess span{background:url(images/error_success_icon.png) 0 -34px;}
377
*/
378
#messageError h6,
379
#messageSuccess h6{
380
	margin:0 0 5px 45px;
381
	font-size:14px;
382
}
383
#messageError h6{color:#e47911;}
384
#messageSuccess h6{color:#009900;}
385
 
386
#messageError p,
387
#messageSuccess p{
388
	margin-left:45px;
389
	font-size:12px;
390
	line-height:18px;
391
}
392
#messageError p{color:#b31941;}
393
#messageSuccess p{color:#003300;}
394
 
395
 
396
/*___ Footer ___*/
397
#footer{
398
	background:#fff;
399
	padding:10px 0;
1409 vikas 400
    margin-top:5px; /* by ebizon for gapping to footer and wrapper */
794 rajveer 401
}
402
#footer .content {
403
	width:980px;
404
	margin:0 auto;
405
}
406
#footer ul{
407
	float:left;
408
	list-style-type:none;
409
	color:#0066cc;
1373 vikas 410
	width:650px;
794 rajveer 411
}
412
#footer li{
413
	float:left;
414
	margin-right:10px;
415
}
1409 vikas 416
#footer ul.bottomLinks{
417
	float:left;
418
	list-style-type:none;
419
	font-size:10px;
420
	color:#0066cc;
421
	width:980px;
422
}
794 rajveer 423
#footer #copyright{
424
	float:right;
425
	color:#666;
426
	font-size:10px;
427
}
428
 
429
 
430
 
431
/*___ Yellow Buttons & Disable buttons ___*/
432
/**
433
#main .bigImgButton, 
434
#signin_menu .bigImgButton,
435
#colorbox .bigImgButton {
436
	color:#000;
437
	font-weight:bold;
438
}
439
 
440
#main .bigImgButton .left,
441
#signin_menu .bigImgButton .left,
442
#colorbox .bigImgButton .left{
443
background:url(../images/buttons/big-button-left.jpg) no-repeat;
444
}
445
 
446
#main .bigImgButton .right,
447
#signin_menu .bigImgButton .right,
448
#colorbox .bigImgButton .right{
449
background:url(../images/buttons/big-button-right.jpg) no-repeat top right;
450
}
451
 
452
#main .bigImgButton .center,
453
#signin_menu .bigImgButton .center,
454
#colorbox .bigImgButton .center{
455
	margin:0 5px; *** Ebizon changes Make align button text *****//**
456
	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
457
	height:28px;
458
     *margin:0 4px;  * by ebizon for ie7  
459
}
460
 
461
.center .button{   by ebizon class name change " #search .button " to ".center .button" 
462
	cursor:pointer;
463
	 width:80px;  by ebizon remove for all button in equal size 
464
	padding:4px;   by ebizon for valign all 
465
	font-weight:bold;
466
	background:none;
467
	border:none;
468
        font-size:13px;    by ebizon 
469
	 line-height: 20px;   by ebizon for chrome valign text
470
	padding-top:2px;    by ebizon for ie7 valign text 
471
}
472
#main .bigImgButton a,
473
#signin_menu .bigImgButton a,
474
#colorbox .bigImgButton a{
475
	color:#000;
476
	text-decoration:none;
477
}
478
 **/
479
/*___ end Yellow Buttons & Disable buttons ___ */  
480
 
481
#main .smallImgButton {
482
	color:#000;
483
	font-weight:bold;
484
}
485
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
486
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
487
#main .smallImgButton .center{
488
	margin:0 10px;
489
	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
490
	height:21px;
491
}
492
#main .smallImgButton a{
493
	font-size:11px;
494
	color:#000;
495
	text-decoration:none;
496
}
497
 
498
/*___ tab buttons ___*/
499
#tabButton{
500
	margin-top:3px;
501
	height:24px;
502
  width:100%; /* add this class by ebizon */
503
}
504
#tabButton .tabButton1{	float:left;}
505
#tabButton .tabButton2 {float:right;}
506
 
507
#tabButton .spacing{
508
	float:right;
509
	width:12px; 
510
}
511
#tabButton .spacing2{
512
	float:right;
513
	width:3px; 
514
}
515
#tabButton .tabButton1{margin:0 10px;}
516
#tabButton .tabButton1 a,
517
#tabButton .tabButton1 span{display:block;}
518
 
519
#tabButton .tabButton1 a{
520
	color:#333;
521
	text-decoration:none;
522
 
523
	cursor:pointer;
524
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
525
}
526
 
527
#tabButton .tabButton1 a span{
528
	margin-left:-10px;
529
	background:url(../images/tab1-btn-left.png) no-repeat;
530
}
531
 
532
#tabButton .tabButton1 a span span{
533
	margin-right:-10px;
534
	background:url(../images/tab1-btn-right.png) no-repeat top right;	
535
 
536
	padding:2px 18px 0 28px;
537
	height:22px;
538
}
539
 
540
#tabButton .tabButton1 a:hover,
865 rajveer 541
#tabButton .tabButton1 a#activeTab,
542
#tabButton .tabButton1 a.activeTab{
794 rajveer 543
	color:#333;
544
	text-decoration:none;
545
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
546
}
547
#tabButton .tabButton1 a:hover span,
865 rajveer 548
#tabButton .tabButton1 a#activeTab span,
549
#tabButton .tabButton1 a.activeTab span{
950 rajveer 550
	background:url(../images/spriteme1.png) no-repeat -10px -108px;
794 rajveer 551
}
552
#tabButton .tabButton1 a:hover span span,
865 rajveer 553
#tabButton .tabButton1 a#activeTab span span,
554
#tabButton .tabButton1 a.activeTab span span{
950 rajveer 555
	background:url(../images/spriteme1.png) no-repeat 69px -176px;
794 rajveer 556
}
557
#tabButton li {
558
  list-style:none;
559
}
560
#tabButton .tabButton2{margin:0px 5px; padding:0px 10px;}
561
#tabButton .tabButton2 a,
562
#tabButton .tabButton2 span{display:block;}
563
 
564
#tabButton .tabButton2 a{
565
	color:#333;
566
	text-decoration:none;
567
	cursor:pointer;
568
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
569
}
570
#tabButton .tabButton2 a:hover,
865 rajveer 571
#tabButton .tabButton2 a#activeTab,
572
#tabButton .tabButton2 a.activeTab{
794 rajveer 573
	color:#333;
574
	text-decoration:none;
575
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
576
}
577
#tabButton .tabButton2 a:hover span,
865 rajveer 578
#tabButton .tabButton2 a#activeTab span,
579
#tabButton .tabButton2 a.activeTab span{
794 rajveer 580
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
581
}
950 rajveer 582
/* sprite css for tabs by ebizon */
583
 
584
#tabButton .tabButton2 a span{
585
	margin-left:-10px;
586
  background:transparent url(../images/spriteme1.png) no-repeat scroll -10px -84px
794 rajveer 587
}
588
 
950 rajveer 589
#tabButton #catTab2 a span span{
590
	margin-right:-10px;
591
	background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -152px;
592
	padding:2px 18px 0 28px;
593
	height:22px;
594
}
595
#tabButton #catTab3 a span span{
596
	margin-right:-10px;
597
	background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -152px;
598
	padding:2px 18px 0 28px;
599
	height:22px;
600
}
601
#tabButton #catTab4 a span span{
602
	margin-right:-10px;
603
	background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -152px;
604
	padding:2px 18px 0 28px;
605
	height:22px;
606
}
607
#tabButton #catTab4 a:hover span span{
608
		background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -312px;
609
}
610
#tabButton #catTab3 a:hover span span{
611
		background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -312px;
612
}
613
#tabButton #catTab2 a:hover span span{
614
		background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -312px;
615
}
616
#tabButton #catTab4 a.activeTab span span{
617
		background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -312px;
618
}
619
#tabButton #catTab3 a.activeTab span span{
620
		background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -312px;
621
}
622
#tabButton #catTab2 a.activeTab span span{
623
		background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -312px;
624
}
625
 
626
 
794 rajveer 627
/*___ Common Classes ___*/
628
.clearBoth{clear:both;}
629
.floatLeft{float:left;}
630
.floatRight{float:right;}
631
.bold{font-weight:bold;}
632
.lineHeight_10px{line-height:4px;}
633
.noBorder{border:none;}
634
 
635
#noScript{
636
	width:940px;
637
	margin:20px auto;
638
	padding:30px 20px;
639
	font-size:18px;
640
	color:#cc0000;
641
	text-align:center;
642
	background:#FDFCDC;
643
	border:2px solid #F1EDC2;
644
}
645
 
646
.padding_topbottom{
647
	padding: 19px 0 18px; 
648
}
649
.noBold{font-weight:normal;}
650
 
651
/*** Ebizon changes for list view of product on home page ****/
652
 
653
ul.deal-items,
654
ul.deal-items ul {
655
  list-style:none;
656
}
657
ul.deal-items li {
658
  margin-left: 10px;
659
  margin-right: 15px;
660
}
661
ul.deal-items ul li,
865 rajveer 662
ul.latest-arrivals-page-items li,
794 rajveer 663
ul.category-page-items li,
865 rajveer 664
ul.best-deals-page-items li,
665
ul.best-seller-page-items li {
794 rajveer 666
  margin:0px;
667
}
950 rajveer 668
#customerService .floatLeft img{
669
  line-height:10px; /* for mozilla spacing */
670
  left: 0;
671
  clip: rect(0px 40px 42px 0px);
672
  top:28px;
794 rajveer 673
}
674
 
675
/**  for sign in  **/
676
 
677
#signin label{
678
float:left;
679
width:70px;
680
margin-right:5px;
681
}
682
/**#signin input.textbox{
683
float:left;
684
width:165px !important; 
685
}**/
842 rajveer 686
#signin #edit-name-wrapper, #signin #edit-password-wrapper {
794 rajveer 687
float:left;
688
/** width:90%;     -by ebizon for buttons  **/
689
margin-left: 10px;
690
margin-bottom:5px;
691
margin-top:5px;
692
}
842 rajveer 693
#signin .form-button-outer {
694
float:right;
695
margin:5px 20px 10px 0px;
696
}
697
/* #signin #edit-submit-wrapper {
808 rajveer 698
float: right;
699
margin:5px 20px 10px 0px;
842 rajveer 700
clear:none;*/
701
/*width:60px !important;*/
702
 
808 rajveer 703
/** add by ebizon
794 rajveer 704
width:75px;
705
background:transparent url(../images/button-bg.jpg) repeat-x scroll 0 0;
706
border:1px solid #BFA864;
707
color:#000000;
708
cursor:pointer;
709
font-size:14px;
710
font-weight:bold;
711
height:18px;
712
padding:4px 7px;
713
text-align:center;
808 rajveer 714
 padding: 0;
794 rajveer 715
width: 70px !important;    ----by ebizon for button **/
716
/***  #signin .center input#signin_submit{
717
float:left;
808 rajveer 718
width: 60px !important;          
719
}  ---commented by ebizon **/ 
794 rajveer 720
 
721
/*** Ebizon changes for pagination ****/
722
#winker0 {
723
  margin:0;
724
  width:100%;
725
}
726
.scroll-pane.tabwrap.makeScroll {
727
  width:240px;
728
}
729
#research_delete {
730
  cursor:pointer;
731
}
732
ul.pagination,
733
ul.deals-item {
734
    list-style: none outside none;
735
}
736
ul.pagination li {
737
    display: inline;
738
}
739
ul.deals-item li.search-deals-items {
740
   background: url("../images/search-result-border.jpg") no-repeat scroll center bottom transparent;
741
   float: left;
742
   margin-bottom: 10px;
743
}
744
/** Ebizon changes Registration page ***/
1143 rajveer 745
 
839 vikas 746
#frmShippingAddress .error,
794 rajveer 747
#frmLogin .error {
748
	float:none !important;
749
	display:block;
750
	color:#f00;
751
}
839 vikas 752
#registration .register-row label.error,
753
#addNewAddress .form-item label.error {
794 rajveer 754
  width: 100%;
755
  text-align: left;
839 vikas 756
}
757
 
794 rajveer 758
/*** End of ebizon changes for registration page ****/	
759
 
760
 
761
/**  by ebizon for buttons backup 
762
 
763
#searchCartArea .left {
764
-moz-background-clip:border;
765
-moz-background-inline-policy:continuous;
766
-moz-background-origin:padding;
767
background:transparent url(../images/search-left.jpg) no-repeat scroll 0 0;
768
}
769
#searchCartArea .right {
770
-moz-background-clip:border;
771
-moz-background-inline-policy:continuous;
772
-moz-background-origin:padding;
773
background:transparent url(../images/search-right.jpg) no-repeat scroll right top;
774
}
775
#searchCartArea .center {
776
-moz-background-clip:border;
777
-moz-background-inline-policy:continuous;
778
-moz-background-origin:padding;
779
background:transparent url(../images/search-hor-bar.jpg) repeat-x scroll 0 0;
780
margin:0 4px;
781
}
782
 
783
#main .bigImgButton .left, #signin_menu .bigImgButton .left, #colorbox .bigImgButton .left {
784
-moz-background-clip:border;
785
-moz-background-inline-policy:continuous;
786
-moz-background-origin:padding;
787
background:transparent url(../images/buttons/big-button-left.jpg) no-repeat scroll 0 0;
788
}
789
 
790
#main .bigImgButton .right, #signin_menu .bigImgButton .right, #colorbox .bigImgButton .right {
791
-moz-background-clip:border;
792
-moz-background-inline-policy:continuous;
793
-moz-background-origin:padding;
794
background:transparent url(../images/buttons/big-button-right.jpg) no-repeat scroll right top;
795
}
796
 
797
#main .bigImgButton .center, #signin_menu .bigImgButton .center, #colorbox .bigImgButton .center {
798
-moz-background-clip:border;
799
-moz-background-inline-policy:continuous;
800
-moz-background-origin:padding;
801
background:transparent url(../images/buttons/big-button-hor-bar.jpg) repeat-x scroll 0 0;
802
height:28px;
803
margin:0 5px;
804
}
805
#main .bigImgButton a,
806
#signin_menu .bigImgButton a,
807
#colorbox .bigImgButton a{
808
	color:#000;
809
	text-decoration:none;
810
}
811
#registration .imgTextBox .left {
812
-moz-background-clip:border;
813
-moz-background-inline-policy:continuous;
814
-moz-background-origin:padding;
815
background:transparent url(../images/textbox-left.jpg) no-repeat scroll 0 0;
816
}
817
#registration .imgTextBox .right {
818
-moz-background-clip:border;
819
-moz-background-inline-policy:continuous;
820
-moz-background-origin:padding;
821
background:transparent url(../images/textbox-right.jpg) no-repeat scroll right top;
822
}
823
#registration .imgTextBox .center {
824
-moz-background-clip:border;
825
-moz-background-inline-policy:continuous;
826
-moz-background-origin:padding;
827
background:transparent url(../images/textbox-hor-bar.jpg) repeat-x scroll 0 0;
828
margin:0 5px;
829
padding:0;
830
}
831
#registration .imgTextBox .textbox {
832
-moz-background-clip:border;
833
-moz-background-inline-policy:continuous;
834
-moz-background-origin:padding;
835
background:transparent none repeat scroll 0 0;
836
border:0 none;
837
color:#666666;
838
font-size:11px;
839
height:20px;
840
padding:5px 0 0;
841
width:210px;
842
}
843
.center .button {
844
-moz-background-clip:border;
845
-moz-background-inline-policy:continuous;
846
-moz-background-origin:padding;
847
background:transparent none repeat scroll 0 0;
848
border:medium none;
849
cursor:pointer;
850
font-size:13px;
851
font-weight:bold;
852
padding:4px;
853
}
854
 **/
855
 
856
 
857
/**  by ebizon for buttons new  **/
858
 
859
.grey-left {
1102 rajveer 860
	background:transparent url(../images/search-sprite.jpg) no-repeat scroll 0 0;
794 rajveer 861
}
862
.grey-right {
1102 rajveer 863
	background:transparent url(../images/search-sprite.jpg) no-repeat scroll right top;
794 rajveer 864
}
865
.grey-center {
950 rajveer 866
	/*background:transparent url(../images/search-hor-bar.jpg) repeat-x scroll 0 0;*/
867
  background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -619px;
794 rajveer 868
	margin:0 4px;
869
}
870
.yellow-left {
1102 rajveer 871
	  background: url("../images/buttons/big-button-sprite.png") no-repeat scroll 0 -29px transparent;
794 rajveer 872
}
873
.yellow-right {
1102 rajveer 874
	background: url("../images/buttons/big-button-sprite.png") no-repeat scroll 83px -58px transparent;
794 rajveer 875
}
876
.yellow-center {
1102 rajveer 877
	background: url("../images/buttons/big-button-sprite.png") repeat-x scroll 0 0 transparent;
794 rajveer 878
	height:28px !important;
1143 rajveer 879
	margin:0 7px;
794 rajveer 880
}
808 rajveer 881
/* .yellow-center .button {
794 rajveer 882
	background:transparent none repeat scroll 0 0;
883
	border:medium none;
884
	cursor:pointer;
885
	padding:0px 4px;
886
	margin: 4px;
887
	float: left;
808 rajveer 888
}*/
794 rajveer 889
.yellow-image {
950 rajveer 890
	/*background:transparent url(../images/buttons/big-button-hor-bar.jpg) repeat-x scroll 0 0;
891
	background:transparent url(../images/button-bg.jpg) repeat-x scroll 0 0;*/
892
  background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -750px;
794 rajveer 893
	cursor:pointer;
808 rajveer 894
	font-size:13px;
794 rajveer 895
	font-weight:bold;
896
	padding:4px 7px 4px 7px;
897
  border:1px solid #bfa864;
898
  text-align:center;
899
	color:#000000;
900
  height:18px;
842 rajveer 901
float:left;
794 rajveer 902
}
903
.yellow-image input.button {
904
background:none;
905
border:none;
906
font-weight:bold;
907
font-size:13px;
808 rajveer 908
cursor:pointer;
794 rajveer 909
}
910
.yellow-image a {
911
	color:#000;
912
	text-decoration:none;
913
        line-height:25px;
914
        font-weight:bold;
915
}
916
.yellow-center .caption a{
917
	color:#000;
918
	text-decoration:none;
919
        line-height:28px;
920
        font-weight:bold;
921
}
922
.textbox-left {
923
	background:transparent url(../images/textbox-left.jpg) no-repeat scroll 0 0;
924
	float: left;
925
}
926
.textbox-right {
927
	background:transparent url(../images/textbox-right.jpg) no-repeat scroll right top;
928
	float: left;
929
}
930
.textbox-center {
931
	background:transparent url(../images/textbox-hor-bar.jpg) repeat-x scroll 0 0;
932
	margin:0 5px;
933
	padding:0;
934
	float: left;
935
}
936
.textbox-center .textbox {
937
    background: none repeat scroll 0 0 transparent;
938
    border: 0 none;
939
    color: #666666;
940
    font-size: 11px;
941
    height: 24px;
942
    padding: 0;
943
    text-align: left;
944
    width: 210px;
945
}
946
.textbox-image .textbox {
950 rajveer 947
  background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -1044px;
794 rajveer 948
	padding:0;
949
	float: left;
950
	border-left: 1px solid #CCCCCC;
951
  border-right: 1px solid #CCCCCC;
952
  border-bottom: none;
953
  border-top: none;
954
  width:210px;
955
  text-align: left;
956
  height:16px;
957
  padding:4px;
958
 
959
}
960
.textbox-image .textbox {
961
   /* background: none repeat scroll 0 0 transparent;
962
    border: 0 none;
963
    color: #666666;
964
    font-size: 11px;
965
    height: 24px;
966
    padding: 0;
967
    text-align: left;
968
    width: 210px;*/
969
}
970
 
971
 
972
/* Header of tables date picker */
973
 
974
table.ui-datepicker-calendar thead th,
975
table.ui-datepicker-calendar th {
976
 font-weight: normal;
977
 text-align: center;
978
 border:none;
979
 font-size:12px;
980
  /*border-bottom: 3px solid #ccc;*/
981
}
982
table.ui-datepicker-calendar tbody {
983
  border:1px solid #CCCCCC;
984
  padding:5px;
985
}
986
table.ui-datepicker-calendar tbody th {
987
 border:none;
988
 /* border-bottom: 1px solid #ccc;*/
989
}
990
 
991
/* Alternating row background styles */
992
table.ui-datepicker-calendar tr,
993
table.ui-datepicker-calendar tr td {
994
  background-color: #eee;
995
  border-bottom: 1px solid #ccc;
996
  text-align: center;
997
}
998
 
999
.ui-datepicker-calendar {
1000
  float:left;
1001
  width:100%;
1002
}
1003
#ui-datepicker-div {
1004
    background: none repeat scroll 0 0 #CCCCCC;
1005
    float: left;
1006
    padding: 0px;
1007
    width: 220px;
1008
}
1009
#ui-datepicker-div .ui-datepicker-header {
1010
  padding:0px 3px;
1011
}
1012
#ui-datepicker-div a.ui-datepicker-next {
1013
  float: right;
1014
}
1015
a.ui-datepicker-prev {
1016
  float:left;
1017
}
1018
div.ui-datepicker-title {
1019
    float: left;
1020
    text-align: center;
1021
    width: 155px;
1022
    font-weight: bold;
1023
}
1024
a span.ui-icon {
1025
  cursor: pointer;
1026
}
1027
/*** Date picker end ***/
1028
 
1029
.register-button{
1030
	margin-top:5px;
1031
}
1032
/*** Ebizon changes for all Forms ***/
808 rajveer 1033
 
794 rajveer 1034
.form-item label {
808 rajveer 1035
float:left;
794 rajveer 1036
padding-left:10px;
1037
}
1038
.form-item input.textbox {
1039
	float:left;
1040
	width:170px;
1041
}
1042
.form-item .radio-buttons {
1043
	float:left;
808 rajveer 1044
	margin-left:150px;
1045
	margin-top:5px;
794 rajveer 1046
}
1047
 .form-item  {
1048
	float:left;
1049
	clear:both;
1050
	margin: 10px 0px;
1051
  padding-bottom:10px;
1052
  width:100%;
1053
}
1054
#formButtons , .form-buttons{
1055
float:left;
1056
margin-left:150px;
1057
clear:both;
808 rajveer 1058
width:145px;
794 rajveer 1059
}
808 rajveer 1060
.enableDisableBtnWidth1{
1061
float:left !important;
1062
}
1063
.enableDisableBtnWidth2{
1064
float:right !important;
1065
}
794 rajveer 1066
.imgDisableButton{
950 rajveer 1067
background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -1078px;
794 rajveer 1068
border:1px solid #bdbdbd;
1069
cursor:pointer;
1070
}
1071
.imgEnableButton {
1072
float:left;
1073
}
1074
label.label-title {
808 rajveer 1075
padding-left:18px;
794 rajveer 1076
}
1077
#loginDetails{
1078
margin-top:20px;
1079
}
808 rajveer 1080
.form-button-outer{
1081
 margin-right:10px; float:left;
1082
}
1083
.form-button-outer.last{ 
1084
margin-right:0px !important; 
1085
}
794 rajveer 1086
 
1087
 
1088
/*** End of form theming **/
1089
 
1090
 
1091
/** by ebizon from myaccount **/
1092
 
1093
#signin .form-item {
1094
	border-bottom:none;
1095
  padding-bottom:0px;
1096
  margin:0px;
1097
}
1098
 
1099
#personalDetails{
1100
	float:left;
1101
	margin-top:20px;
808 rajveer 1102
  width:100%;
794 rajveer 1103
}
1104
 
1105
.content h1{
1106
	font-size:18px;
1107
	color:#030303;
1108
}
1109
.left-grey-top {
1110
background:url(../images/my-ac-content-corner-tc.jpg) repeat-x; 
1111
float:left; width:100%;/* add this line by ebizon */
1112
}
1113
.left-grey-top .left-grey-left{background:url(../images/my-ac-content-corner-tl.jpg) no-repeat;}
1114
.left-grey-top .left-white-right{background:url(../images/my-ac-content-corner-tr.jpg) no-repeat top right; line-height:10px;}
1115
 
1116
.bottom .bottom-grey-left{background:url(../images/my-ac-content-corner-bl.jpg) no-repeat;}
1117
.bottom .bottom-white-right{background:url(../images/my-ac-content-corner-br.jpg) no-repeat top right;}
1118
 
1119
.middle .middle-grey-left{background:url(../images/my-ac-content-corner-ml.jpg) repeat-y;}
1120
.middle .middle-white-right{background:url(../images/my-ac-content-corner-mr.jpg) repeat-y top right; min-height:800px;}
1121
 
808 rajveer 1122
#frmPersonalDetails .form-item label , #frmRegisUser .form-item label {
1123
border-bottom:1px solid #CCCCCC;
1124
width:550px;
1125
padding-left:18px;
1126
}
794 rajveer 1127
 
808 rajveer 1128
#frmPersonalDetails .textbox-image , #frmRegisUser .textbox-image {
1129
float:left;
1130
padding-left:150px;
1131
width:190px;
1132
margin-top:8px;
1133
}
1134
.greyColor{
1135
color:#666;
1136
}
1137
.form-button-outer.first.addaddress{float:right;}
1138
 
1139
#addNewAddress .form-item label {
1140
float:left;
1141
width:120px;
1142
text-align:right;
1143
}
1144
 
1145
#addNewAddress .textbox-image , 
1146
#addNewAddress .select-list{
1147
float:left;
1148
padding-left:10px;
1149
width:190px;
1150
}
1151
.address-text-boxes{ float:left;}
1152
.address-textbox-second {
1153
	clear:both;
1154
	margin-top:10px;
1155
}
1156
#addNewAddress .form-item {
1157
margin:10px 0 0;
1158
padding-bottom:0;
1159
}
1160
#addNewAddress  #edit-submit-buttons {
1161
	margin-top: 20px;
1162
	margin-bottom:20px;
1163
  margin-left:140px;
1164
}
842 rajveer 1165
.smallImgButton.yellow-image{
1166
padding:0px 5px;
1167
}
1168
.smallImgButton.yellow-image input{
1169
font-size:11px;
1170
margin-top:1px;
1171
}
1172
 
950 rajveer 1173
/* for forgot password  */
1174
#frmForgotPassword .form-item {
1175
clear:both;
1176
float:left;
1177
width:50%;
1178
margin:0;
1179
padding:0;
1180
}
1181
#frmForgotPassword .form-item label {
1182
float:left;
1183
padding-right:10px;
1184
}
1185
#frmForgotPassword .imgTextBox {
1186
background:transparent url(../images/textbox2-hor-bar.jpg) repeat-x scroll 0 0;
1187
border-left:1px solid #CCCCCC;
1188
border-right:1px solid #CCCCCC;
1189
float:left;
1190
height:28px;
1191
width:200px;
1192
}
842 rajveer 1193
 
950 rajveer 1194
.no-address {
1195
  padding-left:18px;
1196
}
794 rajveer 1197
/** by ebizon end  **/
1198
 
943 vikas 1199
#frmForgotPassword .error{
1200
	float:none !important;
1201
	display:block;
1202
	margin-left:-5px;
1203
	width:224px !important;
1204
	color:#f00;
1205
	font-size:11px;
1206
	text-align:left !important;
1207
}
1208
 
808 rajveer 1209
 @media screen and (-webkit-min-device-pixel-ratio:0) {
1210
.yellow-image input.button{margin-top:1px;}
1211
} 
1102 rajveer 1212
#subWrapper {
1213
  margin-top:5px;
1214
}
1215
#subWrapper .top .right {
1413 vikas 1216
    background: url("../images/product-sprite.png") no-repeat scroll right top 0 -624px transparent;
1102 rajveer 1217
    line-height: 5px;
1218
}
1219
#subWrapper .top .left {
1413 vikas 1220
    background: url("../images/product-sprite.png") no-repeat scroll 0 -569px transparent;
1102 rajveer 1221
}
1222
#subWrapper .top {
1223
    background: none repeat scroll 0 0 #FFFFFF;
1224
}
1225
#subWrapper .bottom {
1226
    background: none repeat scroll 0 0 #FFFFFF;
1227
} 
1228
#subWrapper .bottom .left {
1413 vikas 1229
    background: url("../images/product-sprite.png") no-repeat scroll left bottom 0 -459px transparent;
1102 rajveer 1230
}
1231
#subWrapper .bottom .right {
1413 vikas 1232
    background: url("../images/product-sprite.png") no-repeat scroll right bottom 0 -514px transparent;
1102 rajveer 1233
    line-height: 5px;
1234
}
1235
/*==== img src sprite images css ====*/
1236
.add-to-research-icon {
1237
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -34px 0px transparent;
1238
	float:left;
1239
	width:26px;
1240
	height:26px;
1241
}
1106 rajveer 1242
.addtocart{
1102 rajveer 1243
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll 0px 0px transparent;
1244
	float:left;
1245
	width:26px;
1246
	height:26px;
1247
}
1106 rajveer 1248
 
1249
.add-to-cart-icon {
1250
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll 0px 0px transparent;
1251
	float:left;
1252
	width:26px;
1253
	height:26px;
1254
}
1102 rajveer 1255
#sidebar #customerService .floatLeft a {
1256
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -62px 0px transparent;
1257
	height:42px;
1258
	width:40px;
1259
	float:left;
1260
}
1261
#sidebar #customerService #customerPhone {
1262
	width: 197px;
1263
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -104px 0px transparent;
1264
	min-height: 42px;
1265
}
1106 rajveer 1266
/*==== End img src sprite images css ====*/
1143 rajveer 1267
 
1268
/* 23 march */
1269
 
1270
.registration-form #messageError{
1271
	 width: 650px;
1272
}
1273
 
1274
#forgetPass .middle .content  {
1275
    min-height: 640px !important;
1276
}
1277
 
1278
#frmRegister .error {
1279
	float: left !important;
1280
	display: block;
1281
	color: #f00;
1282
}
1283
#frmRegister .register-row .newsletter {
1284
    line-height: 13px;
1285
}
1286
#frmRegister .register-row .newsletter label.error {
1287
    float: left !important;
1288
    margin-top: 5px;
1289
    clear: both;
1290
}
1291
 
1292
#addNewAddress .select-list select#state {
1293
    width: 180px;
1294
}
1295
 
1296