Subversion Repositories SmartDukaan

Rev

Rev 1977 | Rev 3830 | 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 
  background:transparent url(../images/slideguide-nav-ver-bar.jpg) repeat-y scroll 0 0;
37 
}
38 
#comparision-left .right {
39 
  background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
40 
}
1950 rajveer 41 
#comparision-right {
1778 rajveer 42 
  float:right;
43 
  position: relative;
44 
  width:824px;
45 
  top:-10px;
46 
  /*background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;*/
47 
}
48 
.summary-comparision-content h1.comparision-page-title {
49 
  margin-top: 7px;
50 
  padding-left:0px;
51 
  background:none;
52 
}
53 
h1.comparision-page-title {
54 
  background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;
55 
}
1950 rajveer 56 
.comparision #registration .top .left,
57 
.summary #registration .top .left {
1778 rajveer 58 
  background:transparent url(../images/product-sprite.png) no-repeat scroll 0 -904px;
59 
}
1950 rajveer 60 
.comparision #registration .top .right,
61 
.summary #registration .top .right {
1778 rajveer 62 
  background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
63 
}
1950 rajveer 64 
.comparision #registration .top .center,
65 
.summary #registration .top .center {
1778 rajveer 66 
  background:transparent url(../images/slideguide-content-top-center.jpg) repeat-x scroll 0 0;
67 
  height:13px;
68 
  margin:0 10px 0 155px;
69 
}
70 
#comparision-right h1 {
71 
  font-size:24px;
72 
  font-weight:normal;
73 
  padding:18px 0 10px 8px;
74 
}
1950 rajveer 75 
.phone-comparision-area,
76 
.inner-comparision-area {
1778 rajveer 77 
  float:left;
78 
  width:824px;
79 
}
80 
.phone-comparision-area .scroller {
81 
  float:left;
82 
  width:824px;
83 
  height:25px;
84 
  background:transparent url(../images/scroller-bg.jpg) repeat-x scroll 0 0;
85 
}
86 
.inner-comparision-area .column1 {
87 
  float:left;
88 
  width:275px;
89 
  background:transparent url(../images/column-right-border.jpg) repeat-y scroll top right;
90 
  min-height: 757px;
91 
  *min-height:765px;
92 
}
93 
.inner-comparision-area .column2 {
94 
  float:left;
95 
  width:275px;
96 
  background:#f0efef url(../images/column-right-border.jpg) repeat-y scroll top right;
97 
  min-height: 757px;
98 
  *min-height:765px;
99 
}
100 
.inner-comparision-area .column3 {
101 
  float:left;
102 
  width:275px;
103 
  min-height: 757px;
1950 rajveer 104 
  background:#fff url(../images/column-right-border.jpg) repeat-y scroll top right;
1778 rajveer 105 
  *min-height:765px;
106 
}
1950 rajveer 107 
.inner-comparision-area .header {
1778 rajveer 108 
  float:left;
109 
  border-bottom:1px solid #ccc;
110 
  width:258px;
111 
  padding:5px 0 0 14px;
112 
  background-color: #fff;
113 
  height:62px;
114 
}
1950 rajveer 115 
.phone-name a {
1778 rajveer 116 
  font-size:14px;
117 
}
1950 rajveer 118 
.phone-image {
1799 rajveer 119 
  float: left;
120 
  margin-right: 10px;
121 
  text-align: right;
122 
  width: 87%;
1778 rajveer 123 
}
1950 rajveer 124 
.phone-image .img {
1778 rajveer 125 
  margin-top:16px;
126 
}
127 
.featureslisting {
128 
  float:left;
129 
  width:258px;
130 
  padding:0px 0 0 14px;
131 
}
132 
.featureslisting ul {
133 
  float:left;
134 
  display:inline;
135 
}
136 
.featureslisting ul li {
137 
  float:left;
138 
  list-style:none;
139 
  width:220px;
140 
}
1950 rajveer 141 
.red {
1778 rajveer 142 
  color:#7a2222;
143 
}
1950 rajveer 144 
.comparision #productDetail .middle .content {
1778 rajveer 145 
  *height:55px;
146 
}
147 
/*  Summary  */
148 
.summary #registration div.middle {
149 
  min-height:900px;
150 
  overflow: hidden;
151 
  width: 980px;
152 
}
153 
.summary .featureslisting {
154 
  float:left;
155 
  padding:0;
156 
  width:236px;
157 
}
158 
#footer {
159 
  clear: both;
160 
}
161 
.comparision-page .middle {
162 
  float:left;
163 
  width:979px;
164 
}
165 
.comparision-page .bottom {
166 
  float:left;
167 
  width:100%;
168 
  margin-bottom: 4px;
169 
}
170 
 
1950 rajveer 171 
.scoretext {
1778 rajveer 172 
  font-weight:bold;
173 
  float:left;
174 
  color:#666;
175 
  font-size:14px;
176 
  height:20px;
177 
}
1950 rajveer 178 
.scoretextnormal {
1778 rajveer 179 
  font-weight:normal;
180 
  float:left;
181 
  color:#666;
182 
  font-size:12px;
1950 rajveer 183 
  width:115px;
1778 rajveer 184 
}
1950 rajveer 185 
.option {
1778 rajveer 186 
  float:right;
187 
}
1950 rajveer 188 
.option select {
1778 rajveer 189 
  float:right;
190 
  height:20px;
1950 rajveer 191 
  /*
192 
  width:130px;
193 
  */
1778 rajveer 194 
}
1950 rajveer 195 
.value {
1778 rajveer 196 
  padding:7px;
197 
  float:left;
198 
}
1950 rajveer 199 
.features-color .rating4-5 {
1778 rajveer 200 
  border-left: 10px solid #ffcccc;
201 
  float:left;
1950 rajveer 202 
  padding: 7px;
1778 rajveer 203 
}
1950 rajveer 204 
.features-color .rating3-4 {
1778 rajveer 205 
  border-left: 10px solid #ff9999;
206 
  float:left;
1950 rajveer 207 
  padding: 7px;
1778 rajveer 208 
}
1950 rajveer 209 
.features-color .rating2-3 {
1778 rajveer 210 
  border-left: 10px solid #ff6666;
211 
  float:left;
1950 rajveer 212 
  padding: 7px;
1778 rajveer 213 
}
1950 rajveer 214 
.features-color .rating0-2 {
1778 rajveer 215 
  border-left: 10px solid #ff0000;
216 
  float:left;
1950 rajveer 217 
  padding: 7px;
1778 rajveer 218 
}
1950 rajveer 219 
.features-color .rating5-6 {
1778 rajveer 220 
  border-left: 10px solid #C3E9C3;
221 
  float:left;
1950 rajveer 222 
  padding: 7px;
1778 rajveer 223 
}
1950 rajveer 224 
.features-color .rating6-7 {
1778 rajveer 225 
  border-left: 10px solid #A7E497;
226 
  float:left;
1950 rajveer 227 
  padding: 7px;
1778 rajveer 228 
}
1950 rajveer 229 
.features-color .rating7-8 {
1778 rajveer 230 
  border-left: 10px solid #7FE25D;
231 
  float:left;
1950 rajveer 232 
  padding: 7px;
1778 rajveer 233 
}
1950 rajveer 234 
.features-color .rating8-10 {
1778 rajveer 235 
  border-left: 10px solid #66CD36;
236 
  float:left;
1950 rajveer 237 
  padding: 7px;
1778 rajveer 238 
}
1950 rajveer 239 
.summary .columnlisting .row4 .features-color {
1778 rajveer 240 
  height:32px;
241 
}
1950 rajveer 242 
.features-color .rating6-7.big,
243 
.features-color .rating3-4.big,
244 
.features-color .rating8-10.big {
1778 rajveer 245 
  padding: 14px 6px;
246 
}
247 
.reset-button {
248 
  float:left;
1950 rajveer 249 
  margin-left:197px;
1778 rajveer 250 
  margin-top:5px;
251 
  clear:both;
252 
}
1950 rajveer 253 
.rating-area {
1778 rajveer 254 
  float:right;
255 
  margin-right:10px;
256 
  margin-top:20px;
257 
  background-color: #f0efef;
1950 rajveer 258 
  width:382px;
1778 rajveer 259 
  height:23px;
260 
  padding:5px;
261 
  color:#666;
262 
  font-size:12px;
263 
}
1950 rajveer 264 
.rating-scale {
1778 rajveer 265 
  float:left;
266 
  width:100%;
267 
  MARGIN-TOP:3PX;
268 
}
1950 rajveer 269 
.rating-scale span {
1778 rajveer 270 
  float:left;
271 
  height:10px;
272 
  border-right:1px solid #ccc;
273 
  margin-top:5px;
274 
}
1950 rajveer 275 
.rating-scale .first {
1778 rajveer 276 
  width:70px;
277 
  border-right:none;
278 
  margin-top:0px;
279 
}
1950 rajveer 280 
.rating-scale .last {
1778 rajveer 281 
  padding-left:7px;
282 
  width:23px;
283 
  border-right:none;
284 
  margin-top:0px;
285 
}
1950 rajveer 286 
.rating-scale .rating8-10 {
1778 rajveer 287 
  width:34px;
288 
  background-color:#66cd36;
289 
  font-size:0;
290 
  line-height:0;
291 
}
1950 rajveer 292 
.rating-scale .rating7-8 {
1778 rajveer 293 
  width:34px;
294 
  background-color:#7FE25D;
295 
  font-size:0;
296 
  line-height:0;
297 
}
1950 rajveer 298 
.rating-scale .rating6-7 {
1778 rajveer 299 
  width:34px;
300 
  background-color:#A7E497;
301 
  font-size:0;
302 
  line-height:0;
303 
}
1950 rajveer 304 
.rating-scale .rating5-6 {
1778 rajveer 305 
  width:34px;
306 
  background-color:#C3E9C3;
307 
  font-size:0;
308 
  line-height:0;
309 
}
1950 rajveer 310 
.rating-scale .rating4-5 {
1778 rajveer 311 
  width:34px;
312 
  background-color:#ffcccc;
313 
  font-size:0;
314 
  line-height:0;
315 
}
1950 rajveer 316 
.rating-scale .rating3-4 {
1778 rajveer 317 
  width:34px;
318 
  background-color:#ff9999;
319 
  font-size:0;
320 
  line-height:0;
321 
}
1950 rajveer 322 
.rating-scale .rating2-3 {
1778 rajveer 323 
  width:34px;
324 
  background-color:#ff6666;
325 
  font-size:0;
326 
  line-height:0;
327 
}
1950 rajveer 328 
.rating-scale .rating0-2 {
1778 rajveer 329 
  width:34px;
330 
  background-color:#ff0000;
331 
  font-size:0;
332 
  line-height:0;
333 
}
1950 rajveer 334 
.bottom-area {
335 
  width:350px;
1778 rajveer 336 
  float:left;
337 
  margin-top:15px;
338 
  color: #666;
339 
  margin-left:11px;
340 
  clear:left;
341 
}
1950 rajveer 342 
.bottom-area p {
343 
  width:350px;
1778 rajveer 344 
  float:left;
1950 rajveer 345 
  margin-top:6px;
1778 rajveer 346 
}
347 
ul.ui-tabs-nav li.ui-state-active a.vt {
348 
  background: url("../images/product-sprite.png") no-repeat scroll 133px -1018px #848484 !important;
349 
  color: #FFFFFF !important;
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 
.comparision-page .middle {
574 
  background: #FFFFFF url("../images/slideguide-nav-ver-bar.jpg") repeat-y scroll left center !important;
575 
}
576 
/***
577 
  Comparision page issues
578 
*/
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;
651 
  padding:0;
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 
}
671 
/* */
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 
}
686 
/* new */
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 
  height:62px;
744 
  */
745 
}
746 
.summary-column .header .right {
747 
  width:110px;
748 
  height:30px;
749 
  float:left;
750 
}
751 
.summary-column .header .right .cartimg {
752 
  float:right;
753 
  width:25px;
754 
}
755 
.summary-column .header .right .summary-left-price {
756 
	margin-right:0px;
757 
}
758 
/*  for 2 products */
759 
.summary-column-2 .column-score-total {
1977 rajveer 760 
  width: 293px;
1950 rajveer 761 
}
762 
.summary-column-2 .summarypage-headerrow .summary-column {
763 
  width:293px;
764 
}
765 
.summary-column-2 .summarypage-row .features-color {
766 
  width: 303px;
767 
}
768 
/*  for 3 products */
769 
.summary-column-3 .summarypage-headerrow .summary-column {
770 
  width:192px;
771 
}
772 
.summary-column-3 .summarypage-row .features-color {
773 
  width: 202px;
774 
}
775 
.summary-column-3 .column-score-total {
1978 rajveer 776 
  width: 192px;
1950 rajveer 777 
}
778 
/*  for 4 products */
779 
.summary-column-4 .summarypage-headerrow .summary-column {
780 
  width:141px;
781 
}
782 
.summary-column-4 .summarypage-row .features-color {
783 
  width: 151px;
784 
}
785 
.summary-column-4 .column-score-total {
1978 rajveer 786 
  width: 141px;
1950 rajveer 787 
}
788 
/*  for 5 products */
789 
.summary-column-5 .summarypage-headerrow .summary-column {
790 
  width:110px;
791 
}
792 
.summary-column-5 .summarypage-row .features-color {
793 
  width: 120px;
794 
}
795 
.summary-column-5 .column-score-total {
1978 rajveer 796 
  width: 110px;
1950 rajveer 797 
}