Subversion Repositories SmartDukaan

Rev

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