Subversion Repositories SmartDukaan

Rev

Rev 1778 | Rev 1804 | 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 {
13 
  float:left;
14 
  margin:4px 0 6px;
15 
  *min-height:43px;
16 
}
17 
.comparision-bc a {
18 
  font-size:14px;
19 
  font-weight: normal;
20 
}
21 
.comparision#wrapper  {
22 
  width:100%;
23 
  margin-bottom:4px;
24 
}
25 
.comparision #productDetail , .summary #productDetail {
26 
  margin-bottom:0px;
27 
}
28 
.comparision #productDetail , .summary #productDetail {
29 
  width:735px;
30 
  float:left;
31 
}
32 
#comparision-left{
33 
  float:left;
34 
  width:155px;
35 
  background:transparent url(../images/slideguide-nav-ver-bar.jpg) repeat-y scroll 0 0;
36 
}
37 
#comparision-left .right {
38 
  background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
39 
}
40 
#comparision-right{
41 
  float:right;
42 
  position: relative;
43 
  width:824px;
44 
  top:-10px;
45 
  /*background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;*/
46 
}
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 
}
56 
.comparision #registration .top .left , .summary #registration .top .left {
57 
  background:transparent url(../images/product-sprite.png) no-repeat scroll 0 -904px;
58 
}
59 
.comparision #registration .top .right , .summary #registration .top .right {
60 
  background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
61 
}
62 
.comparision #registration .top .center , .summary #registration .top .center {
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 
}
72 
.phone-comparision-area , .inner-comparision-area {
73 
  float:left;
74 
  width:824px;
75 
}
76 
.phone-comparision-area .scroller {
77 
  float:left;
78 
  width:824px;
79 
  height:25px;
80 
  background:transparent url(../images/scroller-bg.jpg) repeat-x scroll 0 0;
81 
}
82 
.inner-comparision-area .column1 {
83 
  float:left;
84 
  width:275px;
85 
  background:transparent url(../images/column-right-border.jpg) repeat-y scroll top right;
86 
  min-height: 757px;
87 
  *min-height:765px;
88 
}
89 
 
90 
.inner-comparision-area .column2 {
91 
  float:left;
92 
  width:275px;
93 
  background:#f0efef url(../images/column-right-border.jpg) repeat-y scroll top right;
94 
  min-height: 757px;
95 
  *min-height:765px;
96 
 
97 
}
98 
.inner-comparision-area .column3 {
99 
  float:left;
100 
  width:275px;
101 
  min-height: 757px;
102 
  *min-height:765px;
103 
  background:#fff url(../images/column-right-border.jpg) repeat-y scroll top right;
104 
}
105 
.inner-comparision-area .header{
106 
  float:left;
107 
  border-bottom:1px solid #ccc;
108 
  width:258px;
109 
  padding:5px 0 0 14px;
110 
  background-color: #fff;
111 
  height:62px;
112 
}
113 
.phone-name a{
114 
  font-size:14px;
115 
}
116 
.phone-image{
1799 rajveer 117 
  float: left;
118 
  margin-right: 10px;
119 
  text-align: right;
120 
  width: 87%;
1778 rajveer 121 
}
122 
.phone-image .img{
123 
  margin-top:16px;
124 
}
125 
.featureslisting {
126 
  float:left;
127 
  width:258px;
128 
  padding:0px 0 0 14px;
129 
}
130 
.featureslisting ul {
131 
  float:left;
132 
  display:inline;
133 
}
134 
.featureslisting ul li {
135 
  float:left;
136 
  list-style:none;
137 
  width:220px;
138 
}
139 
 
140 
.red{
141 
  color:#7a2222;
142 
}
143 
.comparision #productDetail .middle .content {
144 
  *height:55px;
145 
}
146 
 
147 
 
148 
/*  Summary  */
149 
 
150 
 
151 
.summary td.column1{
152 
  width:226px;
153 
  border-right:1px solid #ccc;
154 
  background:none;
155 
  min-height:0;
156 
  border-bottom:1px solid #ccc;
157 
}
158 
.summary td.column1 .header{
159 
  height:123px;
160 
  width:226px;
161 
  border-bottom:1px solid #ccc;
162 
  border-bottom:none;
163 
  padding:0;
164 
}
165 
.product-content-row{
166 
  width:106px;
167 
  border-right:1px solid #ccc;
168 
  background:none;
169 
  min-height:0;
170 
  border-bottom:1px solid #ccc;
171 
}
172 
.summary td.column2.last , .summary td.column2 .header.last {
173 
  border-right:none;
174 
}
175 
.summary td.column2 .header{
176 
  width:106px;
177 
  height:130px;
178 
  background:none;
179 
  padding:0px;
180 
  border-bottom:none;
181 
}
182 
.summary #registration div.middle {
183 
  min-height:900px;
184 
  overflow: hidden;
185 
  width: 980px;
186 
}
187 
.summary tr.row2 td{
188 
  height:30px;
189 
  padding:5px;
190 
}
191 
.summary tr.row3 td , .summary tr.row1 td{
192 
  padding:5px;
193 
}
194 
.summary .featureslisting {
195 
  float:left;
196 
  padding:0;
197 
  width:236px;
198 
}
199 
#footer {
200 
  clear: both;
201 
}
202 
.comparision-page .middle {
203 
  float:left;
204 
  width:979px;
205 
}
206 
.comparision-page .bottom {
207 
  float:left;
208 
  width:100%;
209 
  margin-bottom: 4px;
210 
}
211 
 
212 
.scoretext{
213 
  font-weight:bold;
214 
  float:left;
215 
  color:#666;
216 
  font-size:14px;
217 
 
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 
 
1799 rajveer 508 
div.introduction{
509 
	margin-top:20px;
510 
	font-size:0.9em;
511 
	line-height:2em;
512 
	padding:0;
513 
	margin:0;
514 
	text-align:left;
515 
}
1778 rajveer 516 
 
1799 rajveer 517 
 
1778 rajveer 518 
li.subFeaturePunchline{
1799 rajveer 519 
  margin-left:18px;
520 
  padding-left:18px;
521 
  color:#666;
522 
  font-size:12px;
523 
  background:url(../images/product-sprite.png) no-repeat 8px -396px;
1778 rajveer 524 
}
525 
 
526 
li.subsubFeaturePunchline{
1799 rajveer 527 
  margin-left:18px;
528 
  padding-left:36px;
529 
  color:#666;
530 
  font-size:12px;
531 
  background:url(../images/product-sprite.png) no-repeat 26px -396px;
1778 rajveer 532 
}
533 
 
534 
li.spacing{margin-top:35px;}
535 
li.subspacing{margin-top:6px;}
536 
 
537 
 
538 
/* new css   */
539 
.comparision-product-column {
540 
  float:left;
541 
  width:272px;
542 
}
543 
#comparision-right .comparision-border-inner,
544 
.comparision-product-column {
1799 rajveer 545 
  /* min-height: 584px; */
546 
  min-height: 620px;
1778 rajveer 547 
  *min-height:520px;
548 
}
549 
.comparision-product-column.last {
550 
  background:none;
551 
  width:274px;
552 
}
553 
.inner-column .header {
554 
  float:left;
555 
  border-bottom:1px solid #ccc;
556 
  width:258px;
557 
  padding:5px 0 0 14px;
558 
  background-color: #fff;
559 
  height:62px;
560 
}
561 
.product-head-row {
562 
  background: none repeat scroll 0 0 transparent;
563 
  border-bottom: 1px solid #CCCCCC;
564 
  border-right: 1px solid #CCCCCC;
565 
  clear: both;
566 
  float: left;
567 
  min-height: 0;
568 
  padding: 5px;
569 
  width: 226px;
570 
}
571 
#slideGuideContent .middle .comparision-product-inner-content .left {
572 
  background: none;
573 
}
574 
.product-content-row {
575 
  background: none repeat scroll 0 0 transparent;
576 
  border-bottom: 1px solid #CCCCCC;
577 
  border-right: 1px solid #CCCCCC;
578 
  clear: both;
579 
  float: left;
580 
  min-height: 0;
581 
}
582 
.product-comparision-home{
583 
  float: left;
584 
  background: none repeat scroll 0 0 transparent;
585 
  width: 116px;
586 
}
587 
.product-comparision-home .comparision-product-column {
588 
  background: none;
589 
  width: 106px;
590 
  min-height:620px;
591 
}
592 
.product-comparision-home .column-bottom-grey,
593 
.product-comparision-home .column-top-grey,
594 
.product-comparision-home h1.comparision-page-title {
595 
  display: none;
596 
}
597 
.product-summary-column,
598 
.scroller-column-3 {
599 
  float:left;
600 
}
601 
.product-head-row-1 {
602 
  background: none repeat scroll 0 0 transparent;
603 
  min-height: 0;
604 
  width: 226px;
605 
  height: 123px;
606 
}
607 
.product-content-row-1 {
608 
  height: 123px;
609 
  padding: 5px;
610 
  width: 96px;
611 
}
612 
.product-content-row .left{
613 
  width:70px;
614 
  height:123px;
615 
  float:left;
616 
  margin-top: 7px;
617 
  background:none !important;
618 
}
619 
.product-content-row .header .left .topimg{
620 
  float:left;
621 
  height:65px;
622 
}
623 
.product-content-row .header .left .toptext{
624 
  float:left;
625 
  height:62px;
626 
}
627 
.product-content-row .header .right{
628 
  width:25px;
629 
  height:123px;
630 
  float:right;
631 
}
632 
.product-content-row .header .right .cartimg{
633 
  float:left;
634 
  margin-top:105px;
635 
}
636 
.product-content-row-2 {
637 
  padding:5px 0px 5px 5px;
638 
  width:101px;
639 
}
640 
 
641 
/* new */
642 
 
643 
.comparision-product-name .header {
644 
  background-color: #FFFFFF;
645 
  border-bottom: 1px solid #CCCCCC;
646 
  float: left;
1799 rajveer 647 
  height: 70px;
1778 rajveer 648 
  padding: 0;
649 
  width: 258px;
650 
}
651 
.comparision-border-inner {
652 
  background: url("../images/column-right-border.jpg") repeat-y scroll right top transparent;
653 
  float: left;
654 
  width: 3px;
655 
}
656 
#comparision-right .comparision-product-name .comparision-border-inner {
1799 rajveer 657 
  height: 70px;
1778 rajveer 658 
  min-height:50px;
659 
}
660 
#comparision-left #slideGuideNav{
1799 rajveer 661 
  /* min-height:815px; */
1778 rajveer 662 
}
663 
 
664 
 
1799 rajveer 665 
.comparision-page .middle {
666 
  background: #FFFFFF url("../images/slideguide-nav-ver-bar.jpg") repeat-y scroll left center !important;
667 
}
668 
 
669 
/***
670 
  Comparision page issues
671 
*/
672 
#productDetail.comparision-page-content .content .blockLeft {
673 
  width: 100%;
674 
}
675 
.comparision-bc-left {
676 
  margin-right: 10px;
677 
  float:left;
678 
}
679 
.comparision-bc-right {
680 
  padding-top: 2px;
681 
}
682 
.summary-left-price {
683 
  clear: left;
684 
  float: left;
685 
  margin-right: 10px;
686 
  padding-top: 5px;
687 
}
688 
.summary-left-price .newPrice {
689 
  color: #990000;
690 
  font-weight: bold;
691 
  line-height: 8px;
692 
  padding: 2px 0 4px;
693 
}
694 
.summary-left-price .originalPrice {
695 
  font-size: 11px;
696 
  text-decoration: line-through;
697 
}
698 
.summary-left-price .newPrice {
699 
  color: #990000;
700 
  font-weight: bold;
701 
  line-height: 8px;
702 
  padding: 2px 0 4px;
703 
}
704 
.product-name-left-cart {
705 
  float:left;
706 
  margin-top: 4px;
707 
  width: 68%;
708 
}
709 
.product-name-right-image {
710 
  float:right;
711 
  margin-top: 4px;
712 
  width: 30%;
1778 rajveer 713 
}