Subversion Repositories SmartDukaan

Rev

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