Subversion Repositories SmartDukaan

Rev

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