Subversion Repositories SmartDukaan

Rev

Rev 3830 | Rev 5145 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1778 rajveer 1
/* css by ebizon for comparision page */
2
#comparision-heading {
3
  color:#000000;
1950 rajveer 4
  font-size:18px;
1778 rajveer 5
  font-weight:bold;
6
  float:left;
7
  padding-right:5px;
8
  height: 30px;
9
}
10
.comparision-bc {
1804 rajveer 11
  float: left;
12
  height: 37px;
13
  margin: 4px 0 6px;
14
  width: 100%;
1778 rajveer 15
}
16
.comparision-bc a {
17
  font-size:14px;
18
  font-weight: normal;
19
}
1950 rajveer 20
.comparision#wrapper {
1778 rajveer 21
  width:100%;
22
  margin-bottom:4px;
23
}
1950 rajveer 24
.comparision #productDetail,
25
.summary #productDetail {
1778 rajveer 26
  margin-bottom:0px;
27
}
1950 rajveer 28
.comparision #productDetail,
29
.summary #productDetail {
1778 rajveer 30
  width:735px;
31
  float:left;
32
}
1950 rajveer 33
#comparision-left {
1778 rajveer 34
  float:left;
35
  width:155px;
36
}
37
#comparision-left .right {
38
  background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
39
}
1950 rajveer 40
#comparision-right {
1778 rajveer 41
  float:right;
42
  position: relative;
43
  width:824px;
3830 chandransh 44
 /* top:-10px; */
1778 rajveer 45
  /*background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;*/
46
}
47
.summary-comparision-content h1.comparision-page-title {
48
  margin-top: 7px;
49
  padding-left:0px;
50
  background:none;
51
}
52
h1.comparision-page-title {
53
  background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;
54
}
1950 rajveer 55
.comparision #registration .top .left,
56
.summary #registration .top .left {
1778 rajveer 57
  background:transparent url(../images/product-sprite.png) no-repeat scroll 0 -904px;
58
}
1950 rajveer 59
.comparision #registration .top .right,
60
.summary #registration .top .right {
1778 rajveer 61
  background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
62
}
1950 rajveer 63
.comparision #registration .top .center,
64
.summary #registration .top .center {
1778 rajveer 65
  background:transparent url(../images/slideguide-content-top-center.jpg) repeat-x scroll 0 0;
66
  height:13px;
67
  margin:0 10px 0 155px;
68
}
69
#comparision-right h1 {
70
  font-size:24px;
71
  font-weight:normal;
72
  padding:18px 0 10px 8px;
73
}
1950 rajveer 74
.phone-comparision-area,
75
.inner-comparision-area {
1778 rajveer 76
  float:left;
77
  width:824px;
78
}
79
.phone-comparision-area .scroller {
80
  float:left;
81
  width:824px;
82
  height:25px;
83
  background:transparent url(../images/scroller-bg.jpg) repeat-x scroll 0 0;
84
}
85
.inner-comparision-area .column1 {
86
  float:left;
87
  width:275px;
88
  background:transparent url(../images/column-right-border.jpg) repeat-y scroll top right;
89
  min-height: 757px;
90
  *min-height:765px;
91
}
92
.inner-comparision-area .column2 {
93
  float:left;
94
  width:275px;
95
  background:#f0efef url(../images/column-right-border.jpg) repeat-y scroll top right;
96
  min-height: 757px;
97
  *min-height:765px;
98
}
99
.inner-comparision-area .column3 {
100
  float:left;
101
  width:275px;
102
  min-height: 757px;
1950 rajveer 103
  background:#fff url(../images/column-right-border.jpg) repeat-y scroll top right;
1778 rajveer 104
  *min-height:765px;
105
}
1950 rajveer 106
.inner-comparision-area .header {
1778 rajveer 107
  float:left;
108
  border-bottom:1px solid #ccc;
109
  width:258px;
110
  padding:5px 0 0 14px;
111
  background-color: #fff;
112
  height:62px;
113
}
1950 rajveer 114
.phone-name a {
1778 rajveer 115
  font-size:14px;
116
}
1950 rajveer 117
.phone-image {
1799 rajveer 118
  float: left;
119
  margin-right: 10px;
120
  text-align: right;
121
  width: 87%;
1778 rajveer 122
}
1950 rajveer 123
.phone-image .img {
1778 rajveer 124
  margin-top:16px;
125
}
126
.featureslisting {
127
  float:left;
128
  width:258px;
129
  padding:0px 0 0 14px;
130
}
131
.featureslisting ul {
132
  float:left;
133
  display:inline;
134
}
135
.featureslisting ul li {
136
  float:left;
137
  list-style:none;
138
  width:220px;
139
}
3830 chandransh 140
/*
1950 rajveer 141
.red {
1778 rajveer 142
  color:#7a2222;
143
}
3830 chandransh 144
*/
1950 rajveer 145
.comparision #productDetail .middle .content {
1778 rajveer 146
  *height:55px;
147
}
148
/*  Summary  */
149
.summary #registration div.middle {
150
  min-height:900px;
151
  overflow: hidden;
152
  width: 980px;
153
}
154
.summary .featureslisting {
155
  float:left;
156
  padding:0;
157
  width:236px;
158
}
3830 chandransh 159
 
1778 rajveer 160
.comparision-page .middle {
161
  float:left;
162
  width:979px;
163
}
164
.comparision-page .bottom {
165
  float:left;
166
  width:100%;
167
  margin-bottom: 4px;
168
}
169
 
1950 rajveer 170
.scoretext {
1778 rajveer 171
  font-weight:bold;
172
  float:left;
173
  color:#666;
174
  font-size:14px;
175
  height:20px;
176
}
1950 rajveer 177
.scoretextnormal {
1778 rajveer 178
  font-weight:normal;
179
  float:left;
180
  color:#666;
181
  font-size:12px;
1950 rajveer 182
  width:115px;
1778 rajveer 183
}
1950 rajveer 184
.option {
1778 rajveer 185
  float:right;
186
}
1950 rajveer 187
.option select {
1778 rajveer 188
  float:right;
189
  height:20px;
1950 rajveer 190
  /*
191
  width:130px;
192
  */
1778 rajveer 193
}
1950 rajveer 194
.value {
1778 rajveer 195
  padding:7px;
196
  float:left;
197
}
1950 rajveer 198
.features-color .rating4-5 {
1778 rajveer 199
  border-left: 10px solid #ffcccc;
200
  float:left;
1950 rajveer 201
  padding: 7px;
1778 rajveer 202
}
1950 rajveer 203
.features-color .rating3-4 {
1778 rajveer 204
  border-left: 10px solid #ff9999;
205
  float:left;
1950 rajveer 206
  padding: 7px;
1778 rajveer 207
}
1950 rajveer 208
.features-color .rating2-3 {
1778 rajveer 209
  border-left: 10px solid #ff6666;
210
  float:left;
1950 rajveer 211
  padding: 7px;
1778 rajveer 212
}
1950 rajveer 213
.features-color .rating0-2 {
1778 rajveer 214
  border-left: 10px solid #ff0000;
215
  float:left;
1950 rajveer 216
  padding: 7px;
1778 rajveer 217
}
1950 rajveer 218
.features-color .rating5-6 {
1778 rajveer 219
  border-left: 10px solid #C3E9C3;
220
  float:left;
1950 rajveer 221
  padding: 7px;
1778 rajveer 222
}
1950 rajveer 223
.features-color .rating6-7 {
1778 rajveer 224
  border-left: 10px solid #A7E497;
225
  float:left;
1950 rajveer 226
  padding: 7px;
1778 rajveer 227
}
1950 rajveer 228
.features-color .rating7-8 {
1778 rajveer 229
  border-left: 10px solid #7FE25D;
230
  float:left;
1950 rajveer 231
  padding: 7px;
1778 rajveer 232
}
1950 rajveer 233
.features-color .rating8-10 {
1778 rajveer 234
  border-left: 10px solid #66CD36;
235
  float:left;
1950 rajveer 236
  padding: 7px;
1778 rajveer 237
}
1950 rajveer 238
.summary .columnlisting .row4 .features-color {
1778 rajveer 239
  height:32px;
240
}
1950 rajveer 241
.features-color .rating6-7.big,
242
.features-color .rating3-4.big,
243
.features-color .rating8-10.big {
1778 rajveer 244
  padding: 14px 6px;
245
}
246
.reset-button {
247
  float:left;
1950 rajveer 248
  margin-left:197px;
1778 rajveer 249
  margin-top:5px;
250
  clear:both;
251
}
1950 rajveer 252
.rating-area {
1778 rajveer 253
  float:right;
254
  margin-right:10px;
255
  margin-top:20px;
256
  background-color: #f0efef;
1950 rajveer 257
  width:382px;
1778 rajveer 258
  height:23px;
259
  padding:5px;
260
  color:#666;
261
  font-size:12px;
262
}
1950 rajveer 263
.rating-scale {
1778 rajveer 264
  float:left;
265
  width:100%;
266
  MARGIN-TOP:3PX;
267
}
1950 rajveer 268
.rating-scale span {
1778 rajveer 269
  float:left;
270
  height:10px;
271
  border-right:1px solid #ccc;
272
  margin-top:5px;
273
}
1950 rajveer 274
.rating-scale .first {
1778 rajveer 275
  width:70px;
276
  border-right:none;
277
  margin-top:0px;
278
}
1950 rajveer 279
.rating-scale .last {
1778 rajveer 280
  padding-left:7px;
281
  width:23px;
282
  border-right:none;
283
  margin-top:0px;
284
}
1950 rajveer 285
.rating-scale .rating8-10 {
1778 rajveer 286
  width:34px;
287
  background-color:#66cd36;
288
  font-size:0;
289
  line-height:0;
290
}
1950 rajveer 291
.rating-scale .rating7-8 {
1778 rajveer 292
  width:34px;
293
  background-color:#7FE25D;
294
  font-size:0;
295
  line-height:0;
296
}
1950 rajveer 297
.rating-scale .rating6-7 {
1778 rajveer 298
  width:34px;
299
  background-color:#A7E497;
300
  font-size:0;
301
  line-height:0;
302
}
1950 rajveer 303
.rating-scale .rating5-6 {
1778 rajveer 304
  width:34px;
305
  background-color:#C3E9C3;
306
  font-size:0;
307
  line-height:0;
308
}
1950 rajveer 309
.rating-scale .rating4-5 {
1778 rajveer 310
  width:34px;
311
  background-color:#ffcccc;
312
  font-size:0;
313
  line-height:0;
314
}
1950 rajveer 315
.rating-scale .rating3-4 {
1778 rajveer 316
  width:34px;
317
  background-color:#ff9999;
318
  font-size:0;
319
  line-height:0;
320
}
1950 rajveer 321
.rating-scale .rating2-3 {
1778 rajveer 322
  width:34px;
323
  background-color:#ff6666;
324
  font-size:0;
325
  line-height:0;
326
}
1950 rajveer 327
.rating-scale .rating0-2 {
1778 rajveer 328
  width:34px;
329
  background-color:#ff0000;
330
  font-size:0;
331
  line-height:0;
332
}
1950 rajveer 333
.bottom-area {
334
  width:350px;
1778 rajveer 335
  float:left;
336
  margin-top:15px;
337
  color: #666;
338
  margin-left:11px;
339
  clear:left;
340
}
1950 rajveer 341
.bottom-area p {
342
  width:350px;
1778 rajveer 343
  float:left;
1950 rajveer 344
  margin-top:6px;
1778 rajveer 345
}
346
ul.ui-tabs-nav li.ui-state-active a.vt {
4045 rajveer 347
  background-color: white !important;
348
  color: #333333 !important;
349
  font-weight: bold;
1778 rajveer 350
  text-decoration: none;
351
}
352
.column-top-grey,
353
.column-bottom-grey {
354
  background: url("../images/scroller-bg.jpg") repeat-x scroll 0 0 transparent;
355
  height: 30px;
356
  clear: both;
357
  width:824px;
358
}
1950 rajveer 359
.mainfeature {
1778 rajveer 360
  font-weight:bold;
361
}
362
li.mainFeature {
363
  color:#333333;
364
  font-size:14px;
365
  font-weight:bold;
366
  margin-top:30px;
367
}
368
li.mainFeatureValue {
369
  background:transparent url(../images/product-sprite.png) no-repeat scroll 8px -228px;
370
  color:#333333;
371
  font-size:13px;
372
  line-height:14px;
373
  margin-top:5px;
374
  padding-left:18px;
375
}
1950 rajveer 376
li.mainPunchline {
1799 rajveer 377
  line-height:18px;
378
  margin-bottom:15px;
379
  padding-left:10px;
380
  color:#333;
381
  font-weight:bold;
382
  font-size:13px;
383
  background:url(../images/product-sprite.png) no-repeat 0px -398px;;
1778 rajveer 384
}
1950 rajveer 385
li.mainFeaturePunchline {
1799 rajveer 386
  padding-left:18px;
387
  color:#333;
388
  font-size:13px;
389
  background:url(../images/product-sprite.png) no-repeat 8px -396px;
1778 rajveer 390
}
1950 rajveer 391
li.subFeature {
1799 rajveer 392
  margin-top:6px;
393
  padding-left:18px;
394
  color:#333;
395
  font-size:13px;
396
  font-weight:bold;
397
  background:url(../images/product-sprite.png) no-repeat 8px -225px;
1778 rajveer 398
}
1950 rajveer 399
li.subsubFeature {
1799 rajveer 400
  margin-top:6px;
401
  padding-left:36px;
402
  color:#333;
403
  font-size:12px;
404
  font-weight:bold;
405
  background:url(../images/product-sprite.png) no-repeat 26px -225px;
1778 rajveer 406
}
1950 rajveer 407
li.subFeatureValue {
1799 rajveer 408
  margin-left:18px;
409
  padding-left:17px;
410
  color:#666;
411
  font-size:12px;
412
  line-height:17px;
413
  background:url(../images/product-sprite.png) no-repeat 8px -343px;
1778 rajveer 414
}
1950 rajveer 415
li.subsubFeatureValue {
1799 rajveer 416
  margin-left:36px;
417
  padding-left:17px;
418
  color:#666;
419
  font-size:12px;
420
  line-height:17px;
421
  background:url(../images/product-sprite.png) no-repeat 8px -343px;
1778 rajveer 422
}
1950 rajveer 423
li.subFeaturePunchline {
1799 rajveer 424
  margin-left:18px;
425
  padding-left:18px;
426
  color:#666;
427
  font-size:12px;
428
  background:url(../images/product-sprite.png) no-repeat 8px -396px;
1778 rajveer 429
}
1950 rajveer 430
li.subsubFeaturePunchline {
1799 rajveer 431
  margin-left:18px;
432
  padding-left:36px;
433
  color:#666;
434
  font-size:12px;
435
  background:url(../images/product-sprite.png) no-repeat 26px -396px;
1778 rajveer 436
}
1950 rajveer 437
li.spacing {
438
  margin-top:35px;
439
}
440
li.subspacing {
441
  margin-top:6px;
442
}
1778 rajveer 443
/* new css   */
444
.comparision-product-column {
445
  float:left;
446
  width:272px;
447
}
448
#comparision-right .comparision-border-inner,
449
.comparision-product-column {
1799 rajveer 450
  min-height: 620px;
1778 rajveer 451
  *min-height:520px;
452
}
453
.comparision-product-column.last {
454
  background:none;
455
  width:274px;
456
}
1806 rajveer 457
.comparision-product-column-even {
1950 rajveer 458
  background: none repeat scroll 0 0 #F0EFEF;
1806 rajveer 459
}
1778 rajveer 460
.inner-column .header {
461
  float:left;
462
  border-bottom:1px solid #ccc;
463
  width:258px;
464
  padding:5px 0 0 14px;
465
  background-color: #fff;
466
  height:62px;
467
}
468
.product-head-row {
469
  background: none repeat scroll 0 0 transparent;
470
  border-bottom: 1px solid #CCCCCC;
471
  border-right: 1px solid #CCCCCC;
472
  clear: both;
473
  float: left;
474
  min-height: 0;
475
  padding: 5px;
476
  width: 226px;
477
}
478
#slideGuideContent .middle .comparision-product-inner-content .left {
479
  background: none;
480
}
481
.product-content-row {
482
  background: none repeat scroll 0 0 transparent;
483
  border-bottom: 1px solid #CCCCCC;
484
  border-right: 1px solid #CCCCCC;
485
  clear: both;
486
  float: left;
487
  min-height: 0;
488
}
1950 rajveer 489
.product-comparision-home {
1778 rajveer 490
  float: left;
491
  background: none repeat scroll 0 0 transparent;
492
  width: 116px;
493
}
494
.product-comparision-home .comparision-product-column {
495
  background: none;
496
  width: 106px;
497
  min-height:620px;
498
}
499
.product-comparision-home .column-bottom-grey,
500
.product-comparision-home .column-top-grey,
501
.product-comparision-home h1.comparision-page-title {
502
  display: none;
503
}
504
.product-summary-column,
505
.scroller-column-3 {
506
  float:left;
507
}
508
.product-head-row-1 {
509
  background: none repeat scroll 0 0 transparent;
510
  min-height: 0;
511
  width: 226px;
512
  height: 123px;
513
}
514
.product-content-row-1 {
515
  height: 123px;
516
  padding: 5px;
517
  width: 96px;
518
}
1950 rajveer 519
.product-content-row .left {
1778 rajveer 520
  width:70px;
521
  height:123px;
522
  float:left;
523
  margin-top: 7px;
524
  background:none !important;
525
}
1950 rajveer 526
.product-content-row .header .left .topimg {
1778 rajveer 527
  float:left;
528
  height:65px;
529
}
1950 rajveer 530
.product-content-row .header .left .toptext {
1778 rajveer 531
  float:left;
532
  height:62px;
533
}
1950 rajveer 534
.product-content-row .header .right {
1778 rajveer 535
  width:25px;
536
  height:123px;
537
  float:right;
538
}
1950 rajveer 539
.product-content-row .header .right .cartimg {
1778 rajveer 540
  float:left;
541
  margin-top:105px;
542
}
543
.product-content-row-2 {
544
  padding:5px 0px 5px 5px;
545
  width:101px;
546
}
547
/* new */
548
.comparision-product-name .header {
549
  background-color: #FFFFFF;
550
  border-bottom: 1px solid #CCCCCC;
551
  float: left;
1799 rajveer 552
  height: 70px;
1778 rajveer 553
  padding: 0;
554
  width: 258px;
555
}
556
.comparision-border-inner {
557
  background: url("../images/column-right-border.jpg") repeat-y scroll right top transparent;
558
  float: left;
559
  width: 3px;
560
}
1804 rajveer 561
.product-name-left-cart .phone-name {
562
  float: left;
563
  clear: both;
564
  margin-left: 0;
565
}
566
.scroller-content-inner .product-name {
1950 rajveer 567
  margin-left: 0;
1804 rajveer 568
}
1778 rajveer 569
#comparision-right .comparision-product-name .comparision-border-inner {
1804 rajveer 570
  height: 71px;
1778 rajveer 571
  min-height:50px;
572
}
1799 rajveer 573
/***
574
  Comparision page issues
575
*/
576
#productDetail.comparision-page-content .content .blockLeft {
577
  width: 100%;
578
}
579
.comparision-bc-left {
580
  margin-right: 10px;
581
  float:left;
582
}
583
.comparision-bc-right {
584
  padding-top: 2px;
585
}
586
.summary-left-price {
587
  clear: left;
588
  float: left;
589
  margin-right: 10px;
590
  padding-top: 5px;
591
}
592
.summary-left-price .newPrice {
593
  color: #990000;
594
  font-weight: bold;
595
  line-height: 8px;
596
  padding: 2px 0 4px;
597
}
598
.summary-left-price .originalPrice {
599
  font-size: 11px;
600
  text-decoration: line-through;
601
}
602
.summary-left-price .newPrice {
603
  color: #990000;
604
  font-weight: bold;
605
  line-height: 8px;
606
  padding: 2px 0 4px;
607
}
608
.product-name-left-cart {
1950 rajveer 609
  float: left;
610
  margin-top: 4px;
611
  padding-left: 14px;
612
  width: 63%;
1799 rajveer 613
}
614
.product-name-right-image {
615
  float:right;
616
  margin-top: 4px;
617
  width: 30%;
1804 rajveer 618
}
1950 rajveer 619
 
620
.product-name-right-image-summary {
621
  float:right;
622
  height: 30%;
623
}
624
 
625
 
1804 rajveer 626
.jspScrollable .scroller-content-inner .product-name-left-cart {
627
  padding-left: 0px;
628
}
629
.featureslisting ul li.introduction {
1950 rajveer 630
  color: #333333;
631
  font-size: 13px;
632
  font-weight: normal;
633
  margin-top: 10px;
1804 rajveer 634
}
1950 rajveer 635
.summarypage-headerrow {
636
  float:left;
637
  width:100%;
638
}
639
.summarypage-row {
640
  float:left;
641
  width:100%;
642
}
643
.summarypage-headerrow .column .header {
644
  background:transparent none repeat scroll 0 0;
645
  height:150px;
646
  width:129px;
647
  border-bottom:medium none;
648
  padding:0;
649
}
650
.summarypage-row .column2 {
651
  background:transparent none repeat scroll 0 0;
652
  border-bottom:1px solid #CCCCCC;
653
  border-right:1px solid #CCCCCC;
654
  min-height:0;
655
  width:106px;
656
  float:left;
657
}
658
.summarypage-row.row2 .column2 {
659
  padding:5px;
660
}
661
.summary {
662
  float:left;
663
}
664
.summary-bottom-area {
665
  float:left;
666
  width:100%;
667
}
668
/* */
669
#comparision-summary-content {
670
  float:left;
671
  line-height: 16px;
672
}
673
.scroller-column-2 .summarypage-headerrow .column,
674
.scroller-column-2 .summarypage-row .column {
675
  width: 281px;
676
}
677
.scroller-column-2 .summarypage-row .features-color {
678
  width: 291px;
679
}
680
.summary-column h1 {
681
  background: none;
682
}
683
/* new */
684
.summarypage-headerrow .summary-column {
685
  min-height:0;
686
  border-bottom:1px solid #CCCCCC;
687
  border-right:1px solid #CCCCCC;
688
  float:left;
689
  padding:5px;
690
  width:281px;
691
}
692
.summarypage-headerrow .summary-column-title {
693
  min-height:0;
694
  border-bottom:1px solid #CCCCCC;
695
  border-right:1px solid #CCCCCC;
696
  float:left;
697
  padding:5px;
698
  width:204px;
699
}
700
.summarypage-row .features-color {
701
  border-bottom: 1px solid #CCCCCC;
702
  border-right: 1px solid #CCCCCC;
703
  float: left;
704
  padding: 0 !important;
705
  width: 291px;
706
}
707
.summarypage-row .column-score-name ,.column-score-title {
708
  background:transparent none repeat scroll 0 0;
709
  border-bottom:1px solid #CCCCCC;
710
  border-right:1px solid #CCCCCC;
711
  min-height:0;
712
  width:204px;
713
  float:left;
714
  padding:5px;
715
}
716
.column-score-total {
717
  background:transparent none repeat scroll 0 0;
718
  border-bottom:1px solid #CCCCCC;
719
  border-right:1px solid #CCCCCC;
720
  min-height:0;
721
  float:left;
1977 rajveer 722
  padding: 5px;
1950 rajveer 723
  width: 277px;
724
}
725
/* for summary header in - 12 may */
726
.summary-column .header .left {
727
  width:110px;
728
  height:40px;
729
  float:left;
730
  margin-top: 7px;
731
  background:none !important;
732
}
733
.summary-column .header .left .topimg {
734
  float:left;
735
  height:65px;
736
}
737
.summary-column .header .left .toptext {
738
  float:left;
739
  /*
740
  height:62px;
741
  */
742
}
743
.summary-column .header .right {
744
  width:110px;
745
  height:30px;
746
  float:left;
747
}
748
.summary-column .header .right .cartimg {
749
  float:right;
750
  width:25px;
751
}
752
.summary-column .header .right .summary-left-price {
753
	margin-right:0px;
754
}
755
/*  for 2 products */
756
.summary-column-2 .column-score-total {
1977 rajveer 757
  width: 293px;
1950 rajveer 758
}
759
.summary-column-2 .summarypage-headerrow .summary-column {
760
  width:293px;
761
}
762
.summary-column-2 .summarypage-row .features-color {
763
  width: 303px;
764
}
765
/*  for 3 products */
766
.summary-column-3 .summarypage-headerrow .summary-column {
767
  width:192px;
768
}
769
.summary-column-3 .summarypage-row .features-color {
770
  width: 202px;
771
}
772
.summary-column-3 .column-score-total {
1978 rajveer 773
  width: 192px;
1950 rajveer 774
}
775
/*  for 4 products */
776
.summary-column-4 .summarypage-headerrow .summary-column {
777
  width:141px;
778
}
779
.summary-column-4 .summarypage-row .features-color {
780
  width: 151px;
781
}
782
.summary-column-4 .column-score-total {
1978 rajveer 783
  width: 141px;
1950 rajveer 784
}
785
/*  for 5 products */
786
.summary-column-5 .summarypage-headerrow .summary-column {
787
  width:110px;
788
}
789
.summary-column-5 .summarypage-row .features-color {
790
  width: 120px;
791
}
792
.summary-column-5 .column-score-total {
1978 rajveer 793
  width: 110px;
1950 rajveer 794
}