Subversion Repositories SmartDukaan

Rev

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