Subversion Repositories SmartDukaan

Rev

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