Subversion Repositories SmartDukaan

Rev

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

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