Subversion Repositories SmartDukaan

Rev

Rev 1978 | Rev 4045 | 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 {
3830 chandransh 347
  background: url("../images/product-sprite.png") no-repeat scroll 120px -1018px #848484 !important;
1778 rajveer 348
  color: #FFFFFF !important;
349
  text-decoration: none;
350
}
351
.column-top-grey,
352
.column-bottom-grey {
353
  background: url("../images/scroller-bg.jpg") repeat-x scroll 0 0 transparent;
354
  height: 30px;
355
  clear: both;
356
  width:824px;
357
}
1950 rajveer 358
.mainfeature {
1778 rajveer 359
  font-weight:bold;
360
}
361
li.mainFeature {
362
  color:#333333;
363
  font-size:14px;
364
  font-weight:bold;
365
  margin-top:30px;
366
}
367
li.mainFeatureValue {
368
  background:transparent url(../images/product-sprite.png) no-repeat scroll 8px -228px;
369
  color:#333333;
370
  font-size:13px;
371
  line-height:14px;
372
  margin-top:5px;
373
  padding-left:18px;
374
}
1950 rajveer 375
li.mainPunchline {
1799 rajveer 376
  line-height:18px;
377
  margin-bottom:15px;
378
  padding-left:10px;
379
  color:#333;
380
  font-weight:bold;
381
  font-size:13px;
382
  background:url(../images/product-sprite.png) no-repeat 0px -398px;;
1778 rajveer 383
}
1950 rajveer 384
li.mainFeaturePunchline {
1799 rajveer 385
  padding-left:18px;
386
  color:#333;
387
  font-size:13px;
388
  background:url(../images/product-sprite.png) no-repeat 8px -396px;
1778 rajveer 389
}
1950 rajveer 390
li.subFeature {
1799 rajveer 391
  margin-top:6px;
392
  padding-left:18px;
393
  color:#333;
394
  font-size:13px;
395
  font-weight:bold;
396
  background:url(../images/product-sprite.png) no-repeat 8px -225px;
1778 rajveer 397
}
1950 rajveer 398
li.subsubFeature {
1799 rajveer 399
  margin-top:6px;
400
  padding-left:36px;
401
  color:#333;
402
  font-size:12px;
403
  font-weight:bold;
404
  background:url(../images/product-sprite.png) no-repeat 26px -225px;
1778 rajveer 405
}
1950 rajveer 406
li.subFeatureValue {
1799 rajveer 407
  margin-left:18px;
408
  padding-left:17px;
409
  color:#666;
410
  font-size:12px;
411
  line-height:17px;
412
  background:url(../images/product-sprite.png) no-repeat 8px -343px;
1778 rajveer 413
}
1950 rajveer 414
li.subsubFeatureValue {
1799 rajveer 415
  margin-left:36px;
416
  padding-left:17px;
417
  color:#666;
418
  font-size:12px;
419
  line-height:17px;
420
  background:url(../images/product-sprite.png) no-repeat 8px -343px;
1778 rajveer 421
}
1950 rajveer 422
li.subFeaturePunchline {
1799 rajveer 423
  margin-left:18px;
424
  padding-left:18px;
425
  color:#666;
426
  font-size:12px;
427
  background:url(../images/product-sprite.png) no-repeat 8px -396px;
1778 rajveer 428
}
1950 rajveer 429
li.subsubFeaturePunchline {
1799 rajveer 430
  margin-left:18px;
431
  padding-left:36px;
432
  color:#666;
433
  font-size:12px;
434
  background:url(../images/product-sprite.png) no-repeat 26px -396px;
1778 rajveer 435
}
1950 rajveer 436
li.spacing {
437
  margin-top:35px;
438
}
439
li.subspacing {
440
  margin-top:6px;
441
}
1778 rajveer 442
/* new css   */
443
.comparision-product-column {
444
  float:left;
445
  width:272px;
446
}
447
#comparision-right .comparision-border-inner,
448
.comparision-product-column {
1799 rajveer 449
  min-height: 620px;
1778 rajveer 450
  *min-height:520px;
451
}
452
.comparision-product-column.last {
453
  background:none;
454
  width:274px;
455
}
1806 rajveer 456
.comparision-product-column-even {
1950 rajveer 457
  background: none repeat scroll 0 0 #F0EFEF;
1806 rajveer 458
}
1778 rajveer 459
.inner-column .header {
460
  float:left;
461
  border-bottom:1px solid #ccc;
462
  width:258px;
463
  padding:5px 0 0 14px;
464
  background-color: #fff;
465
  height:62px;
466
}
467
.product-head-row {
468
  background: none repeat scroll 0 0 transparent;
469
  border-bottom: 1px solid #CCCCCC;
470
  border-right: 1px solid #CCCCCC;
471
  clear: both;
472
  float: left;
473
  min-height: 0;
474
  padding: 5px;
475
  width: 226px;
476
}
477
#slideGuideContent .middle .comparision-product-inner-content .left {
478
  background: none;
479
}
480
.product-content-row {
481
  background: none repeat scroll 0 0 transparent;
482
  border-bottom: 1px solid #CCCCCC;
483
  border-right: 1px solid #CCCCCC;
484
  clear: both;
485
  float: left;
486
  min-height: 0;
487
}
1950 rajveer 488
.product-comparision-home {
1778 rajveer 489
  float: left;
490
  background: none repeat scroll 0 0 transparent;
491
  width: 116px;
492
}
493
.product-comparision-home .comparision-product-column {
494
  background: none;
495
  width: 106px;
496
  min-height:620px;
497
}
498
.product-comparision-home .column-bottom-grey,
499
.product-comparision-home .column-top-grey,
500
.product-comparision-home h1.comparision-page-title {
501
  display: none;
502
}
503
.product-summary-column,
504
.scroller-column-3 {
505
  float:left;
506
}
507
.product-head-row-1 {
508
  background: none repeat scroll 0 0 transparent;
509
  min-height: 0;
510
  width: 226px;
511
  height: 123px;
512
}
513
.product-content-row-1 {
514
  height: 123px;
515
  padding: 5px;
516
  width: 96px;
517
}
1950 rajveer 518
.product-content-row .left {
1778 rajveer 519
  width:70px;
520
  height:123px;
521
  float:left;
522
  margin-top: 7px;
523
  background:none !important;
524
}
1950 rajveer 525
.product-content-row .header .left .topimg {
1778 rajveer 526
  float:left;
527
  height:65px;
528
}
1950 rajveer 529
.product-content-row .header .left .toptext {
1778 rajveer 530
  float:left;
531
  height:62px;
532
}
1950 rajveer 533
.product-content-row .header .right {
1778 rajveer 534
  width:25px;
535
  height:123px;
536
  float:right;
537
}
1950 rajveer 538
.product-content-row .header .right .cartimg {
1778 rajveer 539
  float:left;
540
  margin-top:105px;
541
}
542
.product-content-row-2 {
543
  padding:5px 0px 5px 5px;
544
  width:101px;
545
}
546
/* new */
547
.comparision-product-name .header {
548
  background-color: #FFFFFF;
549
  border-bottom: 1px solid #CCCCCC;
550
  float: left;
1799 rajveer 551
  height: 70px;
1778 rajveer 552
  padding: 0;
553
  width: 258px;
554
}
555
.comparision-border-inner {
556
  background: url("../images/column-right-border.jpg") repeat-y scroll right top transparent;
557
  float: left;
558
  width: 3px;
559
}
1804 rajveer 560
.product-name-left-cart .phone-name {
561
  float: left;
562
  clear: both;
563
  margin-left: 0;
564
}
565
.scroller-content-inner .product-name {
1950 rajveer 566
  margin-left: 0;
1804 rajveer 567
}
1778 rajveer 568
#comparision-right .comparision-product-name .comparision-border-inner {
1804 rajveer 569
  height: 71px;
1778 rajveer 570
  min-height:50px;
571
}
1799 rajveer 572
/***
573
  Comparision page issues
574
*/
575
#productDetail.comparision-page-content .content .blockLeft {
576
  width: 100%;
577
}
578
.comparision-bc-left {
579
  margin-right: 10px;
580
  float:left;
581
}
582
.comparision-bc-right {
583
  padding-top: 2px;
584
}
585
.summary-left-price {
586
  clear: left;
587
  float: left;
588
  margin-right: 10px;
589
  padding-top: 5px;
590
}
591
.summary-left-price .newPrice {
592
  color: #990000;
593
  font-weight: bold;
594
  line-height: 8px;
595
  padding: 2px 0 4px;
596
}
597
.summary-left-price .originalPrice {
598
  font-size: 11px;
599
  text-decoration: line-through;
600
}
601
.summary-left-price .newPrice {
602
  color: #990000;
603
  font-weight: bold;
604
  line-height: 8px;
605
  padding: 2px 0 4px;
606
}
607
.product-name-left-cart {
1950 rajveer 608
  float: left;
609
  margin-top: 4px;
610
  padding-left: 14px;
611
  width: 63%;
1799 rajveer 612
}
613
.product-name-right-image {
614
  float:right;
615
  margin-top: 4px;
616
  width: 30%;
1804 rajveer 617
}
1950 rajveer 618
 
619
.product-name-right-image-summary {
620
  float:right;
621
  height: 30%;
622
}
623
 
624
 
1804 rajveer 625
.jspScrollable .scroller-content-inner .product-name-left-cart {
626
  padding-left: 0px;
627
}
628
.featureslisting ul li.introduction {
1950 rajveer 629
  color: #333333;
630
  font-size: 13px;
631
  font-weight: normal;
632
  margin-top: 10px;
1804 rajveer 633
}
1950 rajveer 634
.summarypage-headerrow {
635
  float:left;
636
  width:100%;
637
}
638
.summarypage-row {
639
  float:left;
640
  width:100%;
641
}
642
.summarypage-headerrow .column .header {
643
  background:transparent none repeat scroll 0 0;
644
  height:150px;
645
  width:129px;
646
  border-bottom:medium none;
647
  padding:0;
648
}
649
.summarypage-row .column2 {
650
  background:transparent none repeat scroll 0 0;
651
  border-bottom:1px solid #CCCCCC;
652
  border-right:1px solid #CCCCCC;
653
  min-height:0;
654
  width:106px;
655
  float:left;
656
}
657
.summarypage-row.row2 .column2 {
658
  padding:5px;
659
}
660
.summary {
661
  float:left;
662
}
663
.summary-bottom-area {
664
  float:left;
665
  width:100%;
666
}
667
/* */
668
#comparision-summary-content {
669
  float:left;
670
  line-height: 16px;
671
}
672
.scroller-column-2 .summarypage-headerrow .column,
673
.scroller-column-2 .summarypage-row .column {
674
  width: 281px;
675
}
676
.scroller-column-2 .summarypage-row .features-color {
677
  width: 291px;
678
}
679
.summary-column h1 {
680
  background: none;
681
}
682
/* new */
683
.summarypage-headerrow .summary-column {
684
  min-height:0;
685
  border-bottom:1px solid #CCCCCC;
686
  border-right:1px solid #CCCCCC;
687
  float:left;
688
  padding:5px;
689
  width:281px;
690
}
691
.summarypage-headerrow .summary-column-title {
692
  min-height:0;
693
  border-bottom:1px solid #CCCCCC;
694
  border-right:1px solid #CCCCCC;
695
  float:left;
696
  padding:5px;
697
  width:204px;
698
}
699
.summarypage-row .features-color {
700
  border-bottom: 1px solid #CCCCCC;
701
  border-right: 1px solid #CCCCCC;
702
  float: left;
703
  padding: 0 !important;
704
  width: 291px;
705
}
706
.summarypage-row .column-score-name ,.column-score-title {
707
  background:transparent none repeat scroll 0 0;
708
  border-bottom:1px solid #CCCCCC;
709
  border-right:1px solid #CCCCCC;
710
  min-height:0;
711
  width:204px;
712
  float:left;
713
  padding:5px;
714
}
715
.column-score-total {
716
  background:transparent none repeat scroll 0 0;
717
  border-bottom:1px solid #CCCCCC;
718
  border-right:1px solid #CCCCCC;
719
  min-height:0;
720
  float:left;
1977 rajveer 721
  padding: 5px;
1950 rajveer 722
  width: 277px;
723
}
724
/* for summary header in - 12 may */
725
.summary-column .header .left {
726
  width:110px;
727
  height:40px;
728
  float:left;
729
  margin-top: 7px;
730
  background:none !important;
731
}
732
.summary-column .header .left .topimg {
733
  float:left;
734
  height:65px;
735
}
736
.summary-column .header .left .toptext {
737
  float:left;
738
  /*
739
  height:62px;
740
  */
741
}
742
.summary-column .header .right {
743
  width:110px;
744
  height:30px;
745
  float:left;
746
}
747
.summary-column .header .right .cartimg {
748
  float:right;
749
  width:25px;
750
}
751
.summary-column .header .right .summary-left-price {
752
	margin-right:0px;
753
}
754
/*  for 2 products */
755
.summary-column-2 .column-score-total {
1977 rajveer 756
  width: 293px;
1950 rajveer 757
}
758
.summary-column-2 .summarypage-headerrow .summary-column {
759
  width:293px;
760
}
761
.summary-column-2 .summarypage-row .features-color {
762
  width: 303px;
763
}
764
/*  for 3 products */
765
.summary-column-3 .summarypage-headerrow .summary-column {
766
  width:192px;
767
}
768
.summary-column-3 .summarypage-row .features-color {
769
  width: 202px;
770
}
771
.summary-column-3 .column-score-total {
1978 rajveer 772
  width: 192px;
1950 rajveer 773
}
774
/*  for 4 products */
775
.summary-column-4 .summarypage-headerrow .summary-column {
776
  width:141px;
777
}
778
.summary-column-4 .summarypage-row .features-color {
779
  width: 151px;
780
}
781
.summary-column-4 .column-score-total {
1978 rajveer 782
  width: 141px;
1950 rajveer 783
}
784
/*  for 5 products */
785
.summary-column-5 .summarypage-headerrow .summary-column {
786
  width:110px;
787
}
788
.summary-column-5 .summarypage-row .features-color {
789
  width: 120px;
790
}
791
.summary-column-5 .column-score-total {
1978 rajveer 792
  width: 110px;
1950 rajveer 793
}