Subversion Repositories SmartDukaan

Rev

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