Subversion Repositories SmartDukaan

/* css by ebizon for comparision page */

#comparision-heading {
  color:#000000;
  font-size:14px;
  font-weight:bold;
  float:left;
  padding-right:5px;
  height: 30px;
}
.comparision-bc {
  float:left;
  margin:4px 0 6px;
  *min-height:43px;
}
.comparision-bc a {
  font-size:14px;
  font-weight: normal;
}
.comparision#wrapper  {
  width:100%;
  margin-bottom:4px;
}
.comparision #productDetail , .summary #productDetail {
  margin-bottom:0px;
}
.comparision #productDetail , .summary #productDetail {
  width:735px;
  float:left;
}
#comparision-left{
  float:left;
  width:155px;
  background:transparent url(../images/slideguide-nav-ver-bar.jpg) repeat-y scroll 0 0;
}
#comparision-left .right {
  background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
}
#comparision-right{
  float:right;
  position: relative;
  width:824px;
  top:-10px;
  /*background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;*/
}

.summary-comparision-content h1.comparision-page-title {
  margin-top: 7px;
  padding-left:0px;
  background:none;
}
h1.comparision-page-title {
  background:transparent url(../images/comp-header-bg.png) repeat-x scroll right top;
}
.comparision #registration .top .left , .summary #registration .top .left {
  background:transparent url(../images/product-sprite.png) no-repeat scroll 0 -904px;
}
.comparision #registration .top .right , .summary #registration .top .right {
  background:transparent url(../images/slideguide-content-top-right.jpg) no-repeat scroll right top;
}
.comparision #registration .top .center , .summary #registration .top .center {
  background:transparent url(../images/slideguide-content-top-center.jpg) repeat-x scroll 0 0;
  height:13px;
  margin:0 10px 0 155px;
}
#comparision-right h1 {
  font-size:24px;
  font-weight:normal;
  padding:18px 0 10px 8px;
}
.phone-comparision-area , .inner-comparision-area {
  float:left;
  width:824px;
}
.phone-comparision-area .scroller {
  float:left;
  width:824px;
  height:25px;
  background:transparent url(../images/scroller-bg.jpg) repeat-x scroll 0 0;
}
.inner-comparision-area .column1 {
  float:left;
  width:275px;
  background:transparent url(../images/column-right-border.jpg) repeat-y scroll top right;
  min-height: 757px;
  *min-height:765px;
}

.inner-comparision-area .column2 {
  float:left;
  width:275px;
  background:#f0efef url(../images/column-right-border.jpg) repeat-y scroll top right;
  min-height: 757px;
  *min-height:765px;

}
.inner-comparision-area .column3 {
  float:left;
  width:275px;
  min-height: 757px;
  *min-height:765px;
  background:#fff url(../images/column-right-border.jpg) repeat-y scroll top right;
}
.inner-comparision-area .header{
  float:left;
  border-bottom:1px solid #ccc;
  width:258px;
  padding:5px 0 0 14px;
  background-color: #fff;
  height:62px;
}
.phone-name{
  float:left;
  padding-top:15px;
  margin-left:15px;
  width:130px;
}
.phone-name a{
  font-size:14px;
}
.phone-image{
  float:left;
  margin-right:10px;
  width: 60px;
  text-align:right;
  margin-top:5px;
}
.phone-image .img{
  margin-top:16px;
}
.cart-image{
  float:left;
  margin-top:28px;
}
.featureslisting {
  float:left;
  width:258px;
  padding:0px 0 0 14px;
}
.featureslisting ul {
  float:left;
  display:inline;
}
.featureslisting ul li {
  float:left;
  list-style:none;
  width:220px;
}

.red{
  color:#7a2222;
}
.comparision #productDetail .middle .content { 
  *height:55px;
}


/*  Summary  */


.summary td.column1{
  width:226px;
  border-right:1px solid #ccc;
  background:none;
  min-height:0;
  border-bottom:1px solid #ccc;
}
.summary td.column1 .header{
  height:123px;
  width:226px;
  border-bottom:1px solid #ccc;
  border-bottom:none;
  padding:0;
}
.product-content-row{
  width:106px;
  border-right:1px solid #ccc;
  background:none;
  min-height:0;
  border-bottom:1px solid #ccc;
}
.summary td.column2.last , .summary td.column2 .header.last {
  border-right:none;
}
.summary td.column2 .header{
  width:106px;
  height:130px;
  background:none;
  padding:0px;
  border-bottom:none;
}
.summary #registration div.middle {
  min-height:900px;
  overflow: hidden;
  width: 980px;
}
.summary tr.row2 td{
  height:30px;
  padding:5px;
}
.summary tr.row3 td , .summary tr.row1 td{
  padding:5px;
}
.summary .featureslisting {
  float:left;
  padding:0;
  width:236px;
}
#footer {
  clear: both;
}
.comparision-page .middle {
  float:left;
  width:979px;
}
.comparision-page .bottom {
  float:left;
  width:100%;
  margin-bottom: 4px;
}

.scoretext{
  font-weight:bold;
  float:left;
  color:#666;
  font-size:14px;

  height:20px;
}
.scoretextnormal{
  font-weight:normal;
  float:left;
  color:#666;
  font-size:12px;
  width:140px;
}
.option{
  float:right;
}
.option select{
  float:right;
  height:20px;
}
.summary .column2 .header .left{
  width:70px;
  height:123px;
  float:left;
  margin-top: 7px;
  background:none !important;
}
.summary .column2 .header .left .topimg{
  float:left;
  height:65px;
}
.summary .column2 .header .left .toptext{
  float:left;
  height:62px;
}
.summary .column2 .header .right{
  width:25px;
  height:123px;
  float:right;
}
.summary .column2 .header .right .cartimg{
  float:left;
  margin-top:105px;
}
.summary .columnlisting {
  float:left;
  padding:0;
  width:106px;
}

.features-color{
  width : 116px;
  padding:0 !important;
}
.features-color.last{
  border-right: none;
}
.value{
  padding:7px;
  float:left;
}
.features-color .rating4-5{
  border-left: 10px solid #ffcccc;
  float:left;
  padding: 6px;
}
.features-color .rating3-4{
  border-left: 10px solid #ff9999;
  float:left;
  padding: 6px;
}
.features-color .rating2-3{
  border-left: 10px solid #ff6666;
  float:left;
  padding: 6px;
}
.features-color .rating0-2{
  border-left: 10px solid #ff0000;
  float:left;
  padding: 6px;
}
.features-color .rating5-6{
  border-left: 10px solid #C3E9C3;
  float:left;
  padding: 6px;
}
.features-color .rating6-7{
  border-left: 10px solid #A7E497;
  float:left;
  padding: 6px;
}
.features-color .rating7-8{
  border-left: 10px solid #7FE25D;
  float:left;
  padding: 6px;
}
.features-color .rating8-10{
  border-left: 10px solid #66CD36;
  float:left;
  padding: 6px;
}
.summary .columnlisting .row4 .features-color{
  height:32px;
}
.features-color .rating6-7.big , .features-color .rating3-4.big , .features-color .rating8-10.big {
  padding: 14px 6px;
}
.reset-button {
  float:left;
  margin-left:165px;
  margin-top:5px;
  clear:both;
}
.rating-area{
  float:right;
  margin-right:10px;
  margin-top:20px;
  background-color: #f0efef;
  width:348px;
  height:23px;
  padding:5px;
  color:#666;
  font-size:12px;
}
.rating-scale{
  float:left;
  width:100%;
  MARGIN-TOP:3PX;
}
.rating-scale span{
  float:left;
  height:10px;
  border-right:1px solid #ccc;
  margin-top:5px;
}
.rating-scale .first{
  width:70px;
  border-right:none;
  margin-top:0px;
}
.rating-scale .last{
  padding-left:7px;
  width:23px;
  border-right:none;
  margin-top:0px;
}
.rating-scale tr td.rating8-10{
  width:34px;
  background-color:#66cd36;
  font-size:0;
  line-height:0;
}
.rating-scale .rating7-8{
  width:34px;
  background-color:#7FE25D;
  font-size:0;
  line-height:0;
}
.rating-scale .rating6-7{
  width:34px;
  background-color:#A7E497;
  font-size:0;
  line-height:0;
}
.rating-scale .rating5-6{
  width:34px;
  background-color:#C3E9C3;
  font-size:0;
  line-height:0;
}
.rating-scale .rating4-5{
  width:34px;
  background-color:#ffcccc;
  font-size:0;
  line-height:0;
}
.rating-scale .rating3-4{
  width:34px;
  background-color:#ff9999;
  font-size:0;
  line-height:0;
}
.rating-scale .rating2-3{
  width:34px;
  background-color:#ff6666;
  font-size:0;
  line-height:0;
}
.rating-scale .rating0-2{
  width:34px;
  background-color:#ff0000;
  font-size:0;
  line-height:0;
}
.bottom-area{
  width:215px;
  float:left;
  margin-top:15px;
  color: #666;
  margin-left:11px;
  clear:left;
}
.bottom-area p{
  width:230px;
  float:left;
  margin-top:10px;
}


ul.ui-tabs-nav li.ui-state-active a.vt {
  background: url("../images/product-sprite.png") no-repeat scroll 133px -1018px #848484 !important;
  color: #FFFFFF !important;
  text-decoration: none;
}

.column-top-grey,
.column-bottom-grey {
  background: url("../images/scroller-bg.jpg") repeat-x scroll 0 0 transparent;
  height: 30px;
  clear: both;
  width:824px;
}
.mainfeature{
  font-weight:bold;
}

li.mainFeature {
  color:#333333;
  font-size:14px;
  font-weight:bold;
  margin-top:30px;
}
li.mainFeatureValue {
  background:transparent url(../images/product-sprite.png) no-repeat scroll 8px -228px;
  color:#333333;
  font-size:13px;
  line-height:14px;
  margin-top:5px;
  padding-left:18px;
}

li.mainPunchline{
        line-height:18px;
        margin-bottom:15px;
        padding-left:10px;
        color:#333;
        font-weight:bold;
        font-size:13px;
        background:url(../images/product-sprite.png) no-repeat 0px -398px;;
}

li.mainFeaturePunchline{
        padding-left:18px;
        color:#333;
        font-size:13px;
        background:url(../images/product-sprite.png) no-repeat 8px -396px;
}

li.subFeature{
        margin-top:6px;
        padding-left:18px;
        color:#333;
        font-size:13px;
        font-weight:bold;
        background:url(../images/product-sprite.png) no-repeat 8px -225px;
}

li.subsubFeature{
        margin-top:6px;
        padding-left:36px;
        color:#333;
        font-size:12px;
        font-weight:bold;
        background:url(../images/product-sprite.png) no-repeat 26px -225px;
}

li.subFeatureValue{
        margin-left:18px;
        padding-left:17px;
        color:#666;
        font-size:12px;
        line-height:17px;
        background:url(../images/product-sprite.png) no-repeat 8px -343px;
}

li.subsubFeatureValue{
        margin-left:36px;
        padding-left:17px;
        color:#666;
        font-size:12px;
        line-height:17px;
        background:url(../images/product-sprite.png) no-repeat 8px -343px;
}


li.subFeaturePunchline{
        margin-left:18px;
        padding-left:18px;
        color:#666;
        font-size:12px;
        background:url(../images/product-sprite.png) no-repeat 8px -396px;
}

li.subsubFeaturePunchline{
        margin-left:18px;
        padding-left:36px;
        color:#666;
        font-size:12px;
        background:url(../images/product-sprite.png) no-repeat 26px -396px;
}

li.spacing{margin-top:35px;}
li.subspacing{margin-top:6px;}


/* new css   */
.comparision-product-column {
  float:left;
  width:272px;
}
#comparision-right .comparision-border-inner,
.comparision-product-column {
/* min-height: 584px; */ 
min-height: 620px; 
  *min-height:520px;
}
.comparision-product-column.last {
  background:none;
  width:274px;
}
.inner-column .header {
  float:left;
  border-bottom:1px solid #ccc;
  width:258px;
  padding:5px 0 0 14px;
  background-color: #fff;
  height:62px;
}
.product-head-row {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  clear: both;
  float: left;
  min-height: 0;
  padding: 5px;
  width: 226px;
}
#slideGuideContent .middle .comparision-product-inner-content .left {
  background: none;
}
.product-content-row {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  clear: both;
  float: left;
  min-height: 0;
}
.product-comparision-home{
  float: left;
  background: none repeat scroll 0 0 transparent;
  width: 116px;
}
.product-comparision-home .comparision-product-column {
  background: none;
  width: 106px;
  min-height:620px;
}
.product-comparision-home .column-bottom-grey,
.product-comparision-home .column-top-grey,
.product-comparision-home h1.comparision-page-title {
  display: none;
}
.product-summary-column,
.scroller-column-3 {
  float:left;
}
.product-head-row-1 {
  background: none repeat scroll 0 0 transparent;
  min-height: 0;
  width: 226px;
  height: 123px;
}
.product-content-row-1 {
  height: 123px;
  padding: 5px;
  width: 96px;
}
.product-content-row .left{
  width:70px;
  height:123px;
  float:left;
  margin-top: 7px;
  background:none !important;
}
.product-content-row .header .left .topimg{
  float:left;
  height:65px;
}
.product-content-row .header .left .toptext{
  float:left;
  height:62px;
}
.product-content-row .header .right{
  width:25px;
  height:123px;
  float:right;
}
.product-content-row .header .right .cartimg{
  float:left;
  margin-top:105px;
}
.product-content-row-2 {
  padding:5px 0px 5px 5px;
  width:101px;
}

/* new */

.comparision-product-name .header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  float: left;
  height: 65px;
  padding: 0;
  width: 258px;
}
.comparision-border-inner {
  background: url("../images/column-right-border.jpg") repeat-y scroll right top transparent;
  float: left;
  width: 3px;
}
#comparision-right .comparision-product-name .comparision-border-inner {
  height: 66px;
  min-height:50px;
}
#comparision-left #slideGuideNav{
 /* min-height:815px; */
}


 .comparision-page .middle {
        background: #FFFFFF url("../images/slideguide-nav-ver-bar.jpg") repeat-y scroll left center !important;
}