Subversion Repositories SmartDukaan

Rev

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