Subversion Repositories SmartDukaan

/*___ ActionBar ___*/
#actionBar .left{background:url(../images/product-sprite.png) no-repeat 0 -78px;}
#actionBar .right{background:url(../images/product-sprite.png) no-repeat top right 0 -156px;}
#actionBar .center{
        margin:0 10px;
        height:24px;
        background:url(../images/actionbar-hor-bar.jpg) repeat-x;
        padding-top:4px;
}
#actionBar .blockLeft{
        float:left;
        width: 340px;
}

#actionBar .blockRight{
        float:right;
        width:330px;
        font-size:11px;
}

#actionBar .fblikeDiv{
        float:left;
        width:120px;
        font-size:11px;
}

#actionBar .tweetDiv{
        float:right;
        width:120px;
        font-size:11px;
}

#actionBar .blockRight a{
        color:#000;
        text-decoration:none;
}
#actionBar .blockRight table{margin:1px -10px 0 0;}
#actionBar .blockRight td{
        vertical-align:top;
        padding-left:10px;
}
#actionBar .blockRight img{
        margin-top:2px;
        float:left;
}
#actionBar .blockRight span{
        float:left;
        display:inline;
}
#actionBar .blockRight #facebookCount,
#actionBar .blockRight #twitterCount{
        font-size:10px;
        margin:3px 0 0 4px;
}
#actionBar .blockRight #askAFriend {width:100px;}
#actionBar .blockRight #askAFriend img,
#actionBar .blockRight #askAFriend span{float:right;}

#actionBar .blockRight #askAFriend span{
        width:76px;
        margin-left:-6px;
}

/*___ slideGuideContent ___*/
#slideGuideContent .top .left{background:url(../images/product-sprite.png) no-repeat 0 -904px;}
#slideGuideContent .top .right{background:url(../images/slideguide-content-top-right.jpg) no-repeat top right;}
#slideGuideContent .top .center{
        margin:0 10px 0 155px;
        height:13px;
        background:url(../images/slideguide-content-top-center.jpg) repeat-x;
}

#slideGuideContent .bottom .left{background:url(../images/product-sprite.png) no-repeat 0 -733px}
#slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}
#slideGuideContent .bottom .center{
        margin:0 10px 0 155px;
        height:4px;
        background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;
}

#slideGuideContent div.teaser h1{
    font-size:18px;
    font-weight:normal;
}

#slideGuideContent div.teaser h1 span{ font-weight:bold;}

#slideGuideContent div.demo{
        float:left;
        width:315px;
        padding:0;
        margin:16px 0 0 0;
}

#slideGuideContent div.demo ul {
        margin: 0;
        padding: 3px 0 !important;
        position:relative;
        border-bottom:1px solid #EEE;
        margin-left: 13px;
}

#slideGuideContent div.demo ul li{
        list-style: none;
        margin:0;
        display: inline;
}

#slideGuideContent div.demo ul li a{
        padding: 7px 30px;
        margin-bottom : -1px;
        margin-bottom: -1px;
        color:#333333;
        font-size:11px;
        text-decoration: none;
        border-bottom: none;
}

#slideGuideContent div.demo .ui-tabs-nav li.ui-tabs-selected,
#slideGuideContent div.demo .ui-tabs-nav li.ui-state-active{
        background:white !important;
}
#slideGuideContent div.demo .ui-tabs-nav li.ui-state-active a{
        color:#000;
        background:#fff;
        border-bottom:none;
        border-top:1px solid #EEE;
        border-right:1px solid #EEE;
        border-left:1px solid #EEE;
}

#slideGuideContent .ui-tabs { zoom: 1; }
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt, 
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-hover  a.vt{
        color:#333333 !important;
        font-weight: bold;
        text-decoration:none;
        background-color: white !important;     
}

#slideGuideContent .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#slideGuideContent .ui-tabs .ui-tabs-panel { display: block;}
#slideGuideContent .ui-tabs .ui-tabs-hide { display: none !important; }

#slideGuideContent div.demo div.tabby{
        margin:0px 10px 0px 0px;
        border:1px solid #ccc;
        overflow:hidden;
        width:317px;
}
#slideGuideContent .container { 
        width:315px; 
        max-height:545px;
        overflow:hidden;
        position:relative;
        background:#fff;
}
#slideGuideContent .slides{width:315px;float:left;top:45px; background:#fff; border:none; LEFT:0; margin-top: 5px;}
#slideGuideContent .slides div{text-align: center; background:#fff; border:none;}
#slideGuideContent .slides img{max-width:311px;max-height:481px; background:#fff; border:none;}

#slideGuideContent div.demo div.tabby img{margin:2px;}
#slideGuideContent div.desc{
        float:left;
        width:240px;
        padding:0px 0px 0px 0px;
        margin:20px 2px 0px 10px;
        display:inline;
}

#slideGuideContent div.desc div.introduction{
        font-size:0.9em;
        line-height:2em;
        padding:0;
        margin:0;
        text-align:left;
}

#slideGuideContent div.desc h4{
        color:#333;
        font-size:16px;
        font-weight:normal;
}

#slideGuideContent div.desc p{
        line-height:26px;
        color:#333333;
        font-size:13px;
}
#slideGuideContent div.desc ul{list-style:none;}

#slideGuideContent div.desc li.introduction{
        margin-top:10px;
        color:#333;
        font-size:12px;
        font-weight:normal;
}

#slideGuideContent div.desc li.mainFeature{
        margin-top:30px;
        color:#333;
        font-size:14px;
        font-weight:bold;
}

#slideGuideContent div.desc li.helpdoc{
        cursor: help;
}

.qtip-content{
    position: relative;
    padding: 5px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
    text-align: left;
    word-wrap: break-word;
    background: #FFFFFF;
}

.qtip-content li{
    margin-left: 20px;
}


#slideGuideContent div.desc li.mainFeatureValue{
        margin-top:5px;
        padding-left:18px;
        color:#333;
        font-size:13px;
        line-height:14px;
        background:url(../images/product-sprite.png) no-repeat 8px -228px;
}

#slideGuideContent div.desc 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;
}

#slideGuideContent div.desc 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;
}

#slideGuideContent div.desc 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;
}

#slideGuideContent div.desc 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;
}

#slideGuideContent div.desc 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;;
}

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

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

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

#slideGuideContent div.desc li.spacing{margin-top:35px;}
#slideGuideContent div.desc li.subspacing{margin-top:6px;}

#slideGuideContent .slider-content  {
        float:left;
        width:300px;
        font-size:11px;
        border-bottom: solid 1px #EEE;
        border-left: solid 1px #EEE;
        border-right: solid 1px #EEE;
        line-height: 30px;
        margin-left: 13px;
}
#slideGuideContent .slider-content  ul{border:none !important;}

#slideGuideContent .slider .next, 
#slideGuideContent .slider .prev{
        display:none;
        background-color: white;
        border:0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#666;
        font-size:11px;
        padding:0;
        margin:0;
        cursor:pointer;
}
#slideGuideContent .slider .prev{
        float:left;
        color:#0066CC;
        margin:12px 0 0 10px;
}
#slideGuideContent .slider .next{
        float:right;
        color:#0066CC;
        margin:12px 15px 0 0;
}
#slideGuideContent .slider div{
        overflow:hidden;
        text-align:left;
        height:auto;
        margin:0;
        padding:0;
}

#slideGuideContent .slider div ul{
        width:3000px;
        overflow:hidden;
        margin:2px 0px;
        padding:0;
        margin-left:0;
}
#slideGuideContent .slider div ul li{
        display:inline-block;
        display:inline; /*IE 7 hack doesn't support inline-block*/
        margin:1px 2px;
        width:auto;
        cursor:pointer;
        color:#0066CC;
}

#slideGuideContent .slider div ul li a{ color:#666 !important; }

#slideGuideContent .sliderScroll{
        width:230px; 
        margin:0 auto !important;
}

/*___ slideGuideNav ___*/
#slideGuideNav {
        background-color: #E9F3F9;
        float:left;
        display:inline;
        width: 140px;
        min-height: 817px;
        font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size:12px;
}
#slideGuideNav ul{list-style:none;}
#slideGuideNav a span {
        display:block;
        width:105px;
}
#slideGuideNav a{
        display:block;
        padding:9px 0 9px 10px;
        color:#333333;
        text-decoration:none;
        line-height:18px;
}
#slideGuideNav a:hover{
        color:#333333 !important;
        font-weight: bold;
        text-decoration:none;
        background-color: white !important;     
}

/*___ slideGuideProduct ___*/
#slideGuideProduct{
        float:left;
        width:570px;
}
#slideGuideProduct h1{
        margin:0px 0 10px 0px;
        font-weight:normal;
}
#slideGuideProduct .modelName{margin-left:9px;}

/*___ Pincode ___*/
#servicePinCode .left{background:url(../images/pincode-left.jpg) no-repeat;}
#servicePinCode .right{background:url(../images/pincode-right.jpg) no-repeat top right;}
#servicePinCode .center{
        margin:0 16px;
        height:32px;
        padding: 8px 0 0 20px;
        background:url(../images/pincode-hor-bar.jpg) repeat-x;
}
#servicePinCode .imgTextBox {
        float:left;
        width:80px;
        margin:0 5px;
}
#servicePinCode .imgTextBox .left{background:url(../images/textbox-left.jpg) no-repeat;}
#servicePinCode .imgTextBox .right{background:url(../images/textbox-right.jpg) no-repeat top right;}
#servicePinCode .imgTextBox .center{
        margin:0 5px;
        padding:0;
        background:url(../images/textbox-hor-bar.jpg) repeat-x;
}
#servicePinCode .imgTextBox .textbox{
        width:68px;
        height:21px;
        font-size:14px;
        color:#999;
        border:none;
        background:none;
}
#servicePinCode .button{
        margin-top:1px;
        width:31px;
        height:21px;
        border:none;
        background:url(../images/buttons/go.jpg) no-repeat;
}

/*___ Phone reviews ___*/
#phoneReviews{margin-bottom:-6px;}
#phoneReviews .top .left{background:url(../images/review-top-left.jpg) no-repeat;}
#phoneReviews .top .right{background:url(../images/review-top-right.jpg) no-repeat top right;}
#phoneReviews .top .center{
        background:url(../images/review-top-hor-bar.jpg) repeat-x; 
        height:31px;
        margin:0 10px;
}
#phoneReviews .middle{
        color:#333;
        background:#fdfdfd;
        border-left:1px solid #ccc;
        border-right:1px solid #ccc;
        padding:1px 0;
}
#phoneReviews h2{
        padding:5px 0 0 5px;
        font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size:18px;
        font-weight:normal;
}
#phoneReviews p{margin:10px 15px 15px 15px;}
#phoneReviews .bottom{margin-top:-10px;}
#phoneReviews .bottom .left{background:url(../images/review-bottom-left.jpg) no-repeat;}
#phoneReviews .bottom .right{background:url(../images/review-bottom-right.jpg) no-repeat top right;}
#phoneReviews .bottom .center{
        background:url(../images/review-bottom-hor-bar.jpg) repeat-x; 
        height:31px;
        margin:0 10px;
}
#phoneReviews .horLine{\
        border-bottom:1px solid #ccc;
  height:1px;
}
/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
            #slideGuideContent div.demo ul {padding:3px 0 !important;}
}
div.contweak    {
        min-height: 817px;
    border-right: 1px solid #67ABD3;
        border-bottom: 1px solid #67ABD3;
    border-left: 1px solid #67ABD3;
}

/* My Notes */

.mynotes-section        {
        float: right;
        font-family: 'Comic Sans MS',Textile,cursive;
        font-size: 11px;
        color: #444444;
        margin-top: 25px;
        width: 226px;
}

.mynotes-section h3     {
        background-color: #FFD685;
        font-size: 12px;
        padding: 1px 0 1px 5px;
}

.mynotes-section .note-display, .mynotes-section textarea       {
        background: none repeat scroll 0 0 #FFFFCC;
        border: 1px solid #FFD685;
        min-height: 60px;
        max-height: 90px;
}
.mynotes-section .note-display  {
        padding: 3px;
        width: 218px;
}

.mynotes-section textarea       {
        display: none;
        font-size: 11px;
        color: #666666;
        padding: 2px;
        float: left;
        width: 220px;
        overflow: auto;
}

.mynotes-section p, .mynotes-colorbox-section p {
        display: none;
}

.mynotes-section p a    {
        float: right;
        cursor: pointer;
}

#mynotes-colorbox .mynotes-colorbox-section     {
        padding: 3px 5px;
        margin: 3px 0px 3px 0 px;
}

#mynotes-colorbox .clrbx-note-display   {
        background: none repeat scroll 0 0 #F9F9F9;
        border: 1px solid #CCCCCC;
        padding: 2px;
}

#mynotes-colorbox .clrbx-note-input     {
        display: none;
        background: none repeat scroll 0 0 #F9F9F9;
        border: 1px solid #CCCCCC;
        width: 610px;
        height: 20px;
        padding: 2px;
}

a.view-my-notes {
        float: right;
        font-weight: normal !important;
        cursor: pointer;
}

a.compare-now {
        float: right;
        font-weight: normal !important;
        cursor: pointer;
}