Subversion Repositories SmartDukaan

Rev

Rev 1186 | Rev 1373 | 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 ___*/
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;
400
  margin-top:5px; /* by ebizon for gapping to footer and wrapper */
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;
410
}
411
#footer li{
412
	float:left;
413
	margin-right:10px;
414
}
415
#footer #copyright{
416
	float:right;
417
	color:#666;
418
	font-size:10px;
419
}
420
 
421
 
422
 
423
/*___ Yellow Buttons & Disable buttons ___*/
424
/**
425
#main .bigImgButton, 
426
#signin_menu .bigImgButton,
427
#colorbox .bigImgButton {
428
	color:#000;
429
	font-weight:bold;
430
}
431
 
432
#main .bigImgButton .left,
433
#signin_menu .bigImgButton .left,
434
#colorbox .bigImgButton .left{
435
background:url(../images/buttons/big-button-left.jpg) no-repeat;
436
}
437
 
438
#main .bigImgButton .right,
439
#signin_menu .bigImgButton .right,
440
#colorbox .bigImgButton .right{
441
background:url(../images/buttons/big-button-right.jpg) no-repeat top right;
442
}
443
 
444
#main .bigImgButton .center,
445
#signin_menu .bigImgButton .center,
446
#colorbox .bigImgButton .center{
447
	margin:0 5px; *** Ebizon changes Make align button text *****//**
448
	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
449
	height:28px;
450
     *margin:0 4px;  * by ebizon for ie7  
451
}
452
 
453
.center .button{   by ebizon class name change " #search .button " to ".center .button" 
454
	cursor:pointer;
455
	 width:80px;  by ebizon remove for all button in equal size 
456
	padding:4px;   by ebizon for valign all 
457
	font-weight:bold;
458
	background:none;
459
	border:none;
460
        font-size:13px;    by ebizon 
461
	 line-height: 20px;   by ebizon for chrome valign text
462
	padding-top:2px;    by ebizon for ie7 valign text 
463
}
464
#main .bigImgButton a,
465
#signin_menu .bigImgButton a,
466
#colorbox .bigImgButton a{
467
	color:#000;
468
	text-decoration:none;
469
}
470
 **/
471
/*___ end Yellow Buttons & Disable buttons ___ */  
472
 
473
#main .smallImgButton {
474
	color:#000;
475
	font-weight:bold;
476
}
477
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
478
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
479
#main .smallImgButton .center{
480
	margin:0 10px;
481
	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
482
	height:21px;
483
}
484
#main .smallImgButton a{
485
	font-size:11px;
486
	color:#000;
487
	text-decoration:none;
488
}
489
 
490
/*___ tab buttons ___*/
491
#tabButton{
492
	margin-top:3px;
493
	height:24px;
494
  width:100%; /* add this class by ebizon */
495
}
496
#tabButton .tabButton1{	float:left;}
497
#tabButton .tabButton2 {float:right;}
498
 
499
#tabButton .spacing{
500
	float:right;
501
	width:12px; 
502
}
503
#tabButton .spacing2{
504
	float:right;
505
	width:3px; 
506
}
507
#tabButton .tabButton1{margin:0 10px;}
508
#tabButton .tabButton1 a,
509
#tabButton .tabButton1 span{display:block;}
510
 
511
#tabButton .tabButton1 a{
512
	color:#333;
513
	text-decoration:none;
514
 
515
	cursor:pointer;
516
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
517
}
518
 
519
#tabButton .tabButton1 a span{
520
	margin-left:-10px;
521
	background:url(../images/tab1-btn-left.png) no-repeat;
522
}
523
 
524
#tabButton .tabButton1 a span span{
525
	margin-right:-10px;
526
	background:url(../images/tab1-btn-right.png) no-repeat top right;	
527
 
528
	padding:2px 18px 0 28px;
529
	height:22px;
530
}
531
 
532
#tabButton .tabButton1 a:hover,
865 rajveer 533
#tabButton .tabButton1 a#activeTab,
534
#tabButton .tabButton1 a.activeTab{
794 rajveer 535
	color:#333;
536
	text-decoration:none;
537
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
538
}
539
#tabButton .tabButton1 a:hover span,
865 rajveer 540
#tabButton .tabButton1 a#activeTab span,
541
#tabButton .tabButton1 a.activeTab span{
950 rajveer 542
	background:url(../images/spriteme1.png) no-repeat -10px -108px;
794 rajveer 543
}
544
#tabButton .tabButton1 a:hover span span,
865 rajveer 545
#tabButton .tabButton1 a#activeTab span span,
546
#tabButton .tabButton1 a.activeTab span span{
950 rajveer 547
	background:url(../images/spriteme1.png) no-repeat 69px -176px;
794 rajveer 548
}
549
#tabButton li {
550
  list-style:none;
551
}
552
#tabButton .tabButton2{margin:0px 5px; padding:0px 10px;}
553
#tabButton .tabButton2 a,
554
#tabButton .tabButton2 span{display:block;}
555
 
556
#tabButton .tabButton2 a{
557
	color:#333;
558
	text-decoration:none;
559
	cursor:pointer;
560
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
561
}
562
#tabButton .tabButton2 a:hover,
865 rajveer 563
#tabButton .tabButton2 a#activeTab,
564
#tabButton .tabButton2 a.activeTab{
794 rajveer 565
	color:#333;
566
	text-decoration:none;
567
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
568
}
569
#tabButton .tabButton2 a:hover span,
865 rajveer 570
#tabButton .tabButton2 a#activeTab span,
571
#tabButton .tabButton2 a.activeTab span{
794 rajveer 572
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
573
}
950 rajveer 574
/* sprite css for tabs by ebizon */
575
 
576
#tabButton .tabButton2 a span{
577
	margin-left:-10px;
578
  background:transparent url(../images/spriteme1.png) no-repeat scroll -10px -84px
794 rajveer 579
}
580
 
950 rajveer 581
#tabButton #catTab2 a span span{
582
	margin-right:-10px;
583
	background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -152px;
584
	padding:2px 18px 0 28px;
585
	height:22px;
586
}
587
#tabButton #catTab3 a span span{
588
	margin-right:-10px;
589
	background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -152px;
590
	padding:2px 18px 0 28px;
591
	height:22px;
592
}
593
#tabButton #catTab4 a span span{
594
	margin-right:-10px;
595
	background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -152px;
596
	padding:2px 18px 0 28px;
597
	height:22px;
598
}
599
#tabButton #catTab4 a:hover span span{
600
		background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -312px;
601
}
602
#tabButton #catTab3 a:hover span span{
603
		background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -312px;
604
}
605
#tabButton #catTab2 a:hover span span{
606
		background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -312px;
607
}
608
#tabButton #catTab4 a.activeTab span span{
609
		background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -312px;
610
}
611
#tabButton #catTab3 a.activeTab span span{
612
		background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -312px;
613
}
614
#tabButton #catTab2 a.activeTab span span{
615
		background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -312px;
616
}
617
 
618
 
794 rajveer 619
/*___ Common Classes ___*/
620
.clearBoth{clear:both;}
621
.floatLeft{float:left;}
622
.floatRight{float:right;}
623
.bold{font-weight:bold;}
624
.lineHeight_10px{line-height:4px;}
625
.noBorder{border:none;}
626
 
627
#noScript{
628
	width:940px;
629
	margin:20px auto;
630
	padding:30px 20px;
631
	font-size:18px;
632
	color:#cc0000;
633
	text-align:center;
634
	background:#FDFCDC;
635
	border:2px solid #F1EDC2;
636
}
637
 
638
.padding_topbottom{
639
	padding: 19px 0 18px; 
640
}
641
.noBold{font-weight:normal;}
642
 
643
/*** Ebizon changes for list view of product on home page ****/
644
 
645
ul.deal-items,
646
ul.deal-items ul {
647
  list-style:none;
648
}
649
ul.deal-items li {
650
  margin-left: 10px;
651
  margin-right: 15px;
652
}
653
ul.deal-items ul li,
865 rajveer 654
ul.latest-arrivals-page-items li,
794 rajveer 655
ul.category-page-items li,
865 rajveer 656
ul.best-deals-page-items li,
657
ul.best-seller-page-items li {
794 rajveer 658
  margin:0px;
659
}
950 rajveer 660
#customerService .floatLeft img{
661
  line-height:10px; /* for mozilla spacing */
662
  left: 0;
663
  clip: rect(0px 40px 42px 0px);
664
  top:28px;
794 rajveer 665
}
666
 
667
/**  for sign in  **/
668
 
669
#signin label{
670
float:left;
671
width:70px;
672
margin-right:5px;
673
}
674
/**#signin input.textbox{
675
float:left;
676
width:165px !important; 
677
}**/
842 rajveer 678
#signin #edit-name-wrapper, #signin #edit-password-wrapper {
794 rajveer 679
float:left;
680
/** width:90%;     -by ebizon for buttons  **/
681
margin-left: 10px;
682
margin-bottom:5px;
683
margin-top:5px;
684
}
842 rajveer 685
#signin .form-button-outer {
686
float:right;
687
margin:5px 20px 10px 0px;
688
}
689
/* #signin #edit-submit-wrapper {
808 rajveer 690
float: right;
691
margin:5px 20px 10px 0px;
842 rajveer 692
clear:none;*/
693
/*width:60px !important;*/
694
 
808 rajveer 695
/** add by ebizon
794 rajveer 696
width:75px;
697
background:transparent url(../images/button-bg.jpg) repeat-x scroll 0 0;
698
border:1px solid #BFA864;
699
color:#000000;
700
cursor:pointer;
701
font-size:14px;
702
font-weight:bold;
703
height:18px;
704
padding:4px 7px;
705
text-align:center;
808 rajveer 706
 padding: 0;
794 rajveer 707
width: 70px !important;    ----by ebizon for button **/
708
/***  #signin .center input#signin_submit{
709
float:left;
808 rajveer 710
width: 60px !important;          
711
}  ---commented by ebizon **/ 
794 rajveer 712
 
713
/*** Ebizon changes for pagination ****/
714
#winker0 {
715
  margin:0;
716
  width:100%;
717
}
718
.scroll-pane.tabwrap.makeScroll {
719
  width:240px;
720
}
721
#research_delete {
722
  cursor:pointer;
723
}
724
ul.pagination,
725
ul.deals-item {
726
    list-style: none outside none;
727
}
728
ul.pagination li {
729
    display: inline;
730
}
731
ul.deals-item li.search-deals-items {
732
   background: url("../images/search-result-border.jpg") no-repeat scroll center bottom transparent;
733
   float: left;
734
   margin-bottom: 10px;
735
}
736
/** Ebizon changes Registration page ***/
1143 rajveer 737
 
839 vikas 738
#frmShippingAddress .error,
794 rajveer 739
#frmLogin .error {
740
	float:none !important;
741
	display:block;
742
	color:#f00;
743
}
839 vikas 744
#registration .register-row label.error,
745
#addNewAddress .form-item label.error {
794 rajveer 746
  width: 100%;
747
  text-align: left;
839 vikas 748
}
749
 
794 rajveer 750
/*** End of ebizon changes for registration page ****/	
751
 
752
 
753
/**  by ebizon for buttons backup 
754
 
755
#searchCartArea .left {
756
-moz-background-clip:border;
757
-moz-background-inline-policy:continuous;
758
-moz-background-origin:padding;
759
background:transparent url(../images/search-left.jpg) no-repeat scroll 0 0;
760
}
761
#searchCartArea .right {
762
-moz-background-clip:border;
763
-moz-background-inline-policy:continuous;
764
-moz-background-origin:padding;
765
background:transparent url(../images/search-right.jpg) no-repeat scroll right top;
766
}
767
#searchCartArea .center {
768
-moz-background-clip:border;
769
-moz-background-inline-policy:continuous;
770
-moz-background-origin:padding;
771
background:transparent url(../images/search-hor-bar.jpg) repeat-x scroll 0 0;
772
margin:0 4px;
773
}
774
 
775
#main .bigImgButton .left, #signin_menu .bigImgButton .left, #colorbox .bigImgButton .left {
776
-moz-background-clip:border;
777
-moz-background-inline-policy:continuous;
778
-moz-background-origin:padding;
779
background:transparent url(../images/buttons/big-button-left.jpg) no-repeat scroll 0 0;
780
}
781
 
782
#main .bigImgButton .right, #signin_menu .bigImgButton .right, #colorbox .bigImgButton .right {
783
-moz-background-clip:border;
784
-moz-background-inline-policy:continuous;
785
-moz-background-origin:padding;
786
background:transparent url(../images/buttons/big-button-right.jpg) no-repeat scroll right top;
787
}
788
 
789
#main .bigImgButton .center, #signin_menu .bigImgButton .center, #colorbox .bigImgButton .center {
790
-moz-background-clip:border;
791
-moz-background-inline-policy:continuous;
792
-moz-background-origin:padding;
793
background:transparent url(../images/buttons/big-button-hor-bar.jpg) repeat-x scroll 0 0;
794
height:28px;
795
margin:0 5px;
796
}
797
#main .bigImgButton a,
798
#signin_menu .bigImgButton a,
799
#colorbox .bigImgButton a{
800
	color:#000;
801
	text-decoration:none;
802
}
803
#registration .imgTextBox .left {
804
-moz-background-clip:border;
805
-moz-background-inline-policy:continuous;
806
-moz-background-origin:padding;
807
background:transparent url(../images/textbox-left.jpg) no-repeat scroll 0 0;
808
}
809
#registration .imgTextBox .right {
810
-moz-background-clip:border;
811
-moz-background-inline-policy:continuous;
812
-moz-background-origin:padding;
813
background:transparent url(../images/textbox-right.jpg) no-repeat scroll right top;
814
}
815
#registration .imgTextBox .center {
816
-moz-background-clip:border;
817
-moz-background-inline-policy:continuous;
818
-moz-background-origin:padding;
819
background:transparent url(../images/textbox-hor-bar.jpg) repeat-x scroll 0 0;
820
margin:0 5px;
821
padding:0;
822
}
823
#registration .imgTextBox .textbox {
824
-moz-background-clip:border;
825
-moz-background-inline-policy:continuous;
826
-moz-background-origin:padding;
827
background:transparent none repeat scroll 0 0;
828
border:0 none;
829
color:#666666;
830
font-size:11px;
831
height:20px;
832
padding:5px 0 0;
833
width:210px;
834
}
835
.center .button {
836
-moz-background-clip:border;
837
-moz-background-inline-policy:continuous;
838
-moz-background-origin:padding;
839
background:transparent none repeat scroll 0 0;
840
border:medium none;
841
cursor:pointer;
842
font-size:13px;
843
font-weight:bold;
844
padding:4px;
845
}
846
 **/
847
 
848
 
849
/**  by ebizon for buttons new  **/
850
 
851
.grey-left {
1102 rajveer 852
	background:transparent url(../images/search-sprite.jpg) no-repeat scroll 0 0;
794 rajveer 853
}
854
.grey-right {
1102 rajveer 855
	background:transparent url(../images/search-sprite.jpg) no-repeat scroll right top;
794 rajveer 856
}
857
.grey-center {
950 rajveer 858
	/*background:transparent url(../images/search-hor-bar.jpg) repeat-x scroll 0 0;*/
859
  background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -619px;
794 rajveer 860
	margin:0 4px;
861
}
862
.yellow-left {
1102 rajveer 863
	  background: url("../images/buttons/big-button-sprite.png") no-repeat scroll 0 -29px transparent;
794 rajveer 864
}
865
.yellow-right {
1102 rajveer 866
	background: url("../images/buttons/big-button-sprite.png") no-repeat scroll 83px -58px transparent;
794 rajveer 867
}
868
.yellow-center {
1102 rajveer 869
	background: url("../images/buttons/big-button-sprite.png") repeat-x scroll 0 0 transparent;
794 rajveer 870
	height:28px !important;
1143 rajveer 871
	margin:0 7px;
794 rajveer 872
}
808 rajveer 873
/* .yellow-center .button {
794 rajveer 874
	background:transparent none repeat scroll 0 0;
875
	border:medium none;
876
	cursor:pointer;
877
	padding:0px 4px;
878
	margin: 4px;
879
	float: left;
808 rajveer 880
}*/
794 rajveer 881
.yellow-image {
950 rajveer 882
	/*background:transparent url(../images/buttons/big-button-hor-bar.jpg) repeat-x scroll 0 0;
883
	background:transparent url(../images/button-bg.jpg) repeat-x scroll 0 0;*/
884
  background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -750px;
794 rajveer 885
	cursor:pointer;
808 rajveer 886
	font-size:13px;
794 rajveer 887
	font-weight:bold;
888
	padding:4px 7px 4px 7px;
889
  border:1px solid #bfa864;
890
  text-align:center;
891
	color:#000000;
892
  height:18px;
842 rajveer 893
float:left;
794 rajveer 894
}
895
.yellow-image input.button {
896
background:none;
897
border:none;
898
font-weight:bold;
899
font-size:13px;
808 rajveer 900
cursor:pointer;
794 rajveer 901
}
902
.yellow-image a {
903
	color:#000;
904
	text-decoration:none;
905
        line-height:25px;
906
        font-weight:bold;
907
}
908
.yellow-center .caption a{
909
	color:#000;
910
	text-decoration:none;
911
        line-height:28px;
912
        font-weight:bold;
913
}
914
.textbox-left {
915
	background:transparent url(../images/textbox-left.jpg) no-repeat scroll 0 0;
916
	float: left;
917
}
918
.textbox-right {
919
	background:transparent url(../images/textbox-right.jpg) no-repeat scroll right top;
920
	float: left;
921
}
922
.textbox-center {
923
	background:transparent url(../images/textbox-hor-bar.jpg) repeat-x scroll 0 0;
924
	margin:0 5px;
925
	padding:0;
926
	float: left;
927
}
928
.textbox-center .textbox {
929
    background: none repeat scroll 0 0 transparent;
930
    border: 0 none;
931
    color: #666666;
932
    font-size: 11px;
933
    height: 24px;
934
    padding: 0;
935
    text-align: left;
936
    width: 210px;
937
}
938
.textbox-image .textbox {
950 rajveer 939
  background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -1044px;
794 rajveer 940
	padding:0;
941
	float: left;
942
	border-left: 1px solid #CCCCCC;
943
  border-right: 1px solid #CCCCCC;
944
  border-bottom: none;
945
  border-top: none;
946
  width:210px;
947
  text-align: left;
948
  height:16px;
949
  padding:4px;
950
 
951
}
952
.textbox-image .textbox {
953
   /* background: none repeat scroll 0 0 transparent;
954
    border: 0 none;
955
    color: #666666;
956
    font-size: 11px;
957
    height: 24px;
958
    padding: 0;
959
    text-align: left;
960
    width: 210px;*/
961
}
962
 
963
 
964
/* Header of tables date picker */
965
 
966
table.ui-datepicker-calendar thead th,
967
table.ui-datepicker-calendar th {
968
 font-weight: normal;
969
 text-align: center;
970
 border:none;
971
 font-size:12px;
972
  /*border-bottom: 3px solid #ccc;*/
973
}
974
table.ui-datepicker-calendar tbody {
975
  border:1px solid #CCCCCC;
976
  padding:5px;
977
}
978
table.ui-datepicker-calendar tbody th {
979
 border:none;
980
 /* border-bottom: 1px solid #ccc;*/
981
}
982
 
983
/* Alternating row background styles */
984
table.ui-datepicker-calendar tr,
985
table.ui-datepicker-calendar tr td {
986
  background-color: #eee;
987
  border-bottom: 1px solid #ccc;
988
  text-align: center;
989
}
990
 
991
.ui-datepicker-calendar {
992
  float:left;
993
  width:100%;
994
}
995
#ui-datepicker-div {
996
    background: none repeat scroll 0 0 #CCCCCC;
997
    float: left;
998
    padding: 0px;
999
    width: 220px;
1000
}
1001
#ui-datepicker-div .ui-datepicker-header {
1002
  padding:0px 3px;
1003
}
1004
#ui-datepicker-div a.ui-datepicker-next {
1005
  float: right;
1006
}
1007
a.ui-datepicker-prev {
1008
  float:left;
1009
}
1010
div.ui-datepicker-title {
1011
    float: left;
1012
    text-align: center;
1013
    width: 155px;
1014
    font-weight: bold;
1015
}
1016
a span.ui-icon {
1017
  cursor: pointer;
1018
}
1019
/*** Date picker end ***/
1020
 
1021
.register-button{
1022
	margin-top:5px;
1023
}
1024
/*** Ebizon changes for all Forms ***/
808 rajveer 1025
 
794 rajveer 1026
.form-item label {
808 rajveer 1027
float:left;
794 rajveer 1028
padding-left:10px;
1029
}
1030
.form-item input.textbox {
1031
	float:left;
1032
	width:170px;
1033
}
1034
.form-item .radio-buttons {
1035
	float:left;
808 rajveer 1036
	margin-left:150px;
1037
	margin-top:5px;
794 rajveer 1038
}
1039
 .form-item  {
1040
	float:left;
1041
	clear:both;
1042
	margin: 10px 0px;
1043
  padding-bottom:10px;
1044
  width:100%;
1045
}
1046
#formButtons , .form-buttons{
1047
float:left;
1048
margin-left:150px;
1049
clear:both;
808 rajveer 1050
width:145px;
794 rajveer 1051
}
808 rajveer 1052
.enableDisableBtnWidth1{
1053
float:left !important;
1054
}
1055
.enableDisableBtnWidth2{
1056
float:right !important;
1057
}
794 rajveer 1058
.imgDisableButton{
950 rajveer 1059
background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -1078px;
794 rajveer 1060
border:1px solid #bdbdbd;
1061
cursor:pointer;
1062
}
1063
.imgEnableButton {
1064
float:left;
1065
}
1066
label.label-title {
808 rajveer 1067
padding-left:18px;
794 rajveer 1068
}
1069
#loginDetails{
1070
margin-top:20px;
1071
}
808 rajveer 1072
.form-button-outer{
1073
 margin-right:10px; float:left;
1074
}
1075
.form-button-outer.last{ 
1076
margin-right:0px !important; 
1077
}
794 rajveer 1078
 
1079
 
1080
/*** End of form theming **/
1081
 
1082
 
1083
/** by ebizon from myaccount **/
1084
 
1085
#signin .form-item {
1086
	border-bottom:none;
1087
  padding-bottom:0px;
1088
  margin:0px;
1089
}
1090
 
1091
#personalDetails{
1092
	float:left;
1093
	margin-top:20px;
808 rajveer 1094
  width:100%;
794 rajveer 1095
}
1096
 
1097
.content h1{
1098
	font-size:18px;
1099
	color:#030303;
1100
}
1101
.left-grey-top {
1102
background:url(../images/my-ac-content-corner-tc.jpg) repeat-x; 
1103
float:left; width:100%;/* add this line by ebizon */
1104
}
1105
.left-grey-top .left-grey-left{background:url(../images/my-ac-content-corner-tl.jpg) no-repeat;}
1106
.left-grey-top .left-white-right{background:url(../images/my-ac-content-corner-tr.jpg) no-repeat top right; line-height:10px;}
1107
 
1108
.bottom .bottom-grey-left{background:url(../images/my-ac-content-corner-bl.jpg) no-repeat;}
1109
.bottom .bottom-white-right{background:url(../images/my-ac-content-corner-br.jpg) no-repeat top right;}
1110
 
1111
.middle .middle-grey-left{background:url(../images/my-ac-content-corner-ml.jpg) repeat-y;}
1112
.middle .middle-white-right{background:url(../images/my-ac-content-corner-mr.jpg) repeat-y top right; min-height:800px;}
1113
 
808 rajveer 1114
#frmPersonalDetails .form-item label , #frmRegisUser .form-item label {
1115
border-bottom:1px solid #CCCCCC;
1116
width:550px;
1117
padding-left:18px;
1118
}
794 rajveer 1119
 
808 rajveer 1120
#frmPersonalDetails .textbox-image , #frmRegisUser .textbox-image {
1121
float:left;
1122
padding-left:150px;
1123
width:190px;
1124
margin-top:8px;
1125
}
1126
.greyColor{
1127
color:#666;
1128
}
1129
.form-button-outer.first.addaddress{float:right;}
1130
 
1131
#addNewAddress .form-item label {
1132
float:left;
1133
width:120px;
1134
text-align:right;
1135
}
1136
 
1137
#addNewAddress .textbox-image , 
1138
#addNewAddress .select-list{
1139
float:left;
1140
padding-left:10px;
1141
width:190px;
1142
}
1143
.address-text-boxes{ float:left;}
1144
.address-textbox-second {
1145
	clear:both;
1146
	margin-top:10px;
1147
}
1148
#addNewAddress .form-item {
1149
margin:10px 0 0;
1150
padding-bottom:0;
1151
}
1152
#addNewAddress  #edit-submit-buttons {
1153
	margin-top: 20px;
1154
	margin-bottom:20px;
1155
  margin-left:140px;
1156
}
842 rajveer 1157
.smallImgButton.yellow-image{
1158
padding:0px 5px;
1159
}
1160
.smallImgButton.yellow-image input{
1161
font-size:11px;
1162
margin-top:1px;
1163
}
1164
 
950 rajveer 1165
/* for forgot password  */
1166
#frmForgotPassword .form-item {
1167
clear:both;
1168
float:left;
1169
width:50%;
1170
margin:0;
1171
padding:0;
1172
}
1173
#frmForgotPassword .form-item label {
1174
float:left;
1175
padding-right:10px;
1176
}
1177
#frmForgotPassword .imgTextBox {
1178
background:transparent url(../images/textbox2-hor-bar.jpg) repeat-x scroll 0 0;
1179
border-left:1px solid #CCCCCC;
1180
border-right:1px solid #CCCCCC;
1181
float:left;
1182
height:28px;
1183
width:200px;
1184
}
842 rajveer 1185
 
950 rajveer 1186
.no-address {
1187
  padding-left:18px;
1188
}
794 rajveer 1189
/** by ebizon end  **/
1190
 
943 vikas 1191
#frmForgotPassword .error{
1192
	float:none !important;
1193
	display:block;
1194
	margin-left:-5px;
1195
	width:224px !important;
1196
	color:#f00;
1197
	font-size:11px;
1198
	text-align:left !important;
1199
}
794 rajveer 1200
 
943 vikas 1201
#frmContactUs .error{
1202
	float:none !important;
1203
	display:block;
1204
	margin-left:-5px;
1205
	width:224px !important;
1206
	color:#f00;
1207
	font-size:11px;
1208
	text-align:left !important;
1209
}
1210
 
808 rajveer 1211
 @media screen and (-webkit-min-device-pixel-ratio:0) {
1212
.yellow-image input.button{margin-top:1px;}
1213
} 
1102 rajveer 1214
#subWrapper {
1215
  margin-top:5px;
1216
}
1217
#subWrapper .top .right {
1218
    background: url("../images/product-detail-top-right.jpg") no-repeat scroll right top transparent;
1219
    line-height: 5px;
1220
}
1221
#subWrapper .top .left {
1222
    background: url("../images/product-detail-top-left.jpg") no-repeat scroll 0 0 transparent;
1223
}
1224
#subWrapper .top {
1225
    background: none repeat scroll 0 0 #FFFFFF;
1226
}
1227
#subWrapper .bottom {
1228
    background: none repeat scroll 0 0 #FFFFFF;
1229
} 
1230
#subWrapper .bottom .left {
1231
    background: url("../images/product-detail-bottom-left.jpg") no-repeat scroll left bottom transparent;
1232
}
1233
#subWrapper .bottom .right {
1234
    background: url("../images/product-detail-bottom-right.jpg") no-repeat scroll right bottom transparent;
1235
    line-height: 5px;
1236
}
1237
/*==== img src sprite images css ====*/
1238
.add-to-research-icon {
1239
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -34px 0px transparent;
1240
	float:left;
1241
	width:26px;
1242
	height:26px;
1243
}
1106 rajveer 1244
.addtocart{
1102 rajveer 1245
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll 0px 0px transparent;
1246
	float:left;
1247
	width:26px;
1248
	height:26px;
1249
}
1106 rajveer 1250
 
1251
.add-to-cart-icon {
1252
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll 0px 0px transparent;
1253
	float:left;
1254
	width:26px;
1255
	height:26px;
1256
}
1102 rajveer 1257
#sidebar #customerService .floatLeft a {
1258
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -62px 0px transparent;
1259
	height:42px;
1260
	width:40px;
1261
	float:left;
1262
}
1263
#sidebar #customerService #customerPhone {
1264
	width: 197px;
1265
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -104px 0px transparent;
1266
	min-height: 42px;
1267
}
1106 rajveer 1268
/*==== End img src sprite images css ====*/
1143 rajveer 1269
 
1270
/* 23 march */
1271
 
1272
.registration-form #messageError{
1273
	 width: 650px;
1274
}
1275
 
1276
#forgetPass .middle .content  {
1277
    min-height: 640px !important;
1278
}
1279
 
1280
#frmRegister .error {
1281
	float: left !important;
1282
	display: block;
1283
	color: #f00;
1284
}
1285
#frmRegister .register-row .newsletter {
1286
    line-height: 13px;
1287
}
1288
#frmRegister .register-row .newsletter label.error {
1289
    float: left !important;
1290
    margin-top: 5px;
1291
    clear: both;
1292
}
1293
 
1294
#addNewAddress .select-list select#state {
1295
    width: 180px;
1296
}
1297
 
1298