Subversion Repositories SmartDukaan

/*___ ActionBar ___*/
#actionBar .left{background:url(../images/actionbar-left.jpg) no-repeat;}
#actionBar .right{background:url(../images/actionbar-right.jpg) no-repeat top right;}
#actionBar .center{
        margin:0 10px;
        height:28px;
        background:url(../images/actionbar-hor-bar.jpg) repeat-x;
}
#actionBar .blockLeft{
        float:left;
        width:240px;
}
#actionBar .blockLeft .smallImgButton{
        float:left;
        margin:4px 2px 0 2px;
        display:inline; /* IE6 bug fix */
}
#actionBar .blockLeft .smallImgButton .button{
        padding-top:3px;
        cursor:pointer;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:11px;
        border:none;
        background:none;
}
#actionBar .blockRight{
        float:right;
        width:370px;
        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;
        margin:2px 4px 0 0;
        display:inline; /* IE 6 bug fix */
}
#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;
}

/*___ slideGuide ___*/
#slideGuide{margin-bottom:4px;}

/*___ slideGuideContent ___*/
#slideGuideContent .top .left{background:url(../images/slideguide-content-top-left.jpg) no-repeat;}
#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 .middle {
        background:#fff;
        border-right:1px solid #ccc;
}
#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}

#slideGuideContent .bottom .left{background:url(../images/slideguide-content-bottom-left.jpg) no-repeat;}
#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:24px;
    font-weight:normal;
}

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

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

#slideGuideContent div.demo ul {
        margin:0 0 -1px 0;
        padding: 3px 0;
        position:relative;
        z-index:999;
        height:20px;
}

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

#slideGuideContent div.demo ul li a{
        padding: 6px 8px;
        margin-left: 8px;
        color:#fff;
        font-size:11px;
        text-decoration: none;
        border-bottom: none;
        border-top:1px solid #6699FF;
        border-right:1px solid #6699FF;
        border-left:1px solid #6699FF;
        background:url(../images/tab-hor-bar.jpg) repeat-x;
}

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

#slideGuideContent .ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt{
        color:#fff !important;
        text-decoration:none;
        background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px !important;     
}

/*
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
*/
#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{
        /*padding:10px 60px 10px 60px;*/
        margin:0px 10px 0px 0px;
        border:1px solid #ccc;
        overflow:hidden;
        width:317px;
}
#slideGuideContent .container { 
        width:317px; 
        height:540px;
        margin:0px 10px 0px 0px;
        /*border:1px solid #ccc;*/
        padding-top:4px;
        border-top: 1px solid #999;
        overflow:hidden;
        position:relative;
        background:#fff;
}
#slideGuideContent .slides{width:315px;float:left;position:absolute;top:45px; background:#fff; border:none;}
#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:225px;
        padding:0px 0px 0px 0px;
        margin:50px 0px 0px 23px;
        display:inline; /*ie6 bug fix*/
}

#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:20px;
        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:30px;
        color:#333;
        font-size:13px;
        font-weight:normal;
}

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

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

#slideGuideContent div.desc li.subFeature{
        margin-top:6px;
        padding-left:18px;
        color:#333;
        font-size:13px;
        font-weight:bold;
        background:url(../images/black-bullet.gif) no-repeat 8px 9px;
}

#slideGuideContent div.desc li.subsubFeature{
        margin-top:6px;
        padding-left:36px;
        color:#333;
        font-size:12px;
        font-weight:bold;
        background:url(../images/black-bullet.gif) no-repeat 26px 9px;
}

#slideGuideContent div.desc li.subFeatureValue{
        margin-left:18px;
        padding-left:17px;
        color:#666;
        font-size:12px;
        line-height:17px;
        background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
}

#slideGuideContent div.desc li.subsubFeatureValue{
        margin-left:36px;
        padding-left:17px;
        color:#666;
        font-size:12px;
        line-height:17px;
        background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
}

#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/mehron-square-bullet.gif) no-repeat 0px 7px;
}

#slideGuideContent div.desc li.mainFeaturePunchline{
        padding-left:18px;
        color:#333;
        font-size:13px;
        background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
}

#slideGuideContent div.desc li.subFeaturePunchline{
        margin-left:18px;
        padding-left:18px;
        color:#666;
        font-size:12px;
        background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
}

#slideGuideContent div.desc li.subsubFeaturePunchline{
        margin-left:18px;
        padding-left:36px;
        color:#666;
        font-size:12px;
        background:url(../images/mehron-square-bullet.gif) no-repeat 26px 9px;
}

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

#slideGuideContent .slider-content  {
        float:left;
        width:316px;
        margin-top:5px auto;
        background:#eee;
        font-size:11px;
}
#slideGuideContent .slider-content  ul{border:none !important;}

#slideGuideContent .slider .next, 
#slideGuideContent .slider .prev{
        display:none;
        background-color:#EEEEEE;
        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:5px 0 0 10px;
}
#slideGuideContent .slider .next{
        float:right;
        color:#0066CC;
        margin:5px 10px 0 0;
}
#slideGuideContent .slider div{
        overflow:hidden;
        text-align:left;
        height:none;
        margin:0;
        padding:0;
}

#slideGuideContent .slider div ul{
        width:3000px;/* set to an arbitary high value*/
        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 {
        margin-left:2px;
        float:left;
        display:inline; /* IE 6 bug fix */
        width:153px;
        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 17px;
        color:#666666;
        text-decoration:none;
        line-height:18px;
        background:url(../images/slideguide-nav-arrow.jpg) no-repeat 133px -75px;
}
#slideGuideNav a:hover{
        color:#fff;
        text-decoration:none;
        background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px;        
}

/*___ slideGuideProduct ___*/
#slideGuideProduct{
        float:left;
        width:570px;
}
#slideGuideProduct h1{
        margin:26px 0 20px 8px;
        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; /* Bug fix*/
}
#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{
        margin-top:-20px;
        border-bottom:1px solid #ccc;
}