Subversion Repositories SmartDukaan

Rev

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