Subversion Repositories SmartDukaan

/* For Slide Guide*/
.ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {}
/*.ui-tabs .ui-tabs-nav li {white-space: nowrap;}*/
.ui-tabs .ui-tabs-nav li a {}

/*
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {font-weight:bold;background:url(tab_selc.gif) repeat-x left;}
.ui-tabs .ui-tabs-nav li.ui-state-active a.vt{font-weight:normal;background:#ebebeb url(side_arw_actv.gif) no-repeat 11.7em center!important;color:#000;}
*/


.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.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;     
}

.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; }
.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... */
.ui-tabs .ui-tabs-panel { display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }

/* For Slide Guide*/

/*
div.sideNavBg{padding:0; margin:0;background:url(../images/demo_panel_bg.gif) repeat-x 0em bottom;}
*/
div.sideNav
{
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        /*background:url(../images/sidenav_bg.gif) repeat-y right top;*/
        width:154px;
        float:left;
}
div.sideNav ul
{
        padding:0px 0px 0px 0px;
        margin:10px 2px 0px 0px;
}
div.sideNav ul li
{
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px; 
        background:url(../images/side_arw_inact.gif) no-repeat 11.7em center;
        font-size:0.9em;
        
}
/*
div.sideNav ul li:hover, div.sideNav ul li.sfhover
{
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px; 
        background:#ebebeb url(../images/side_arw_actv.gif) no-repeat 11.7em center;
        font-size:0.9em;
}
*/
div.sideNav ul li a.vt
{
        padding:8px 12px 10px 10px;
        margin:0px 0px 0px 0px;
        text-decoration:none;
        color:#666;
        display:block;  
        
}
/*
div.teaser
{
float:left;
padding:0px 0px 0px 10px;
margin:20px 0px 0px 0px;
width:76.9%;
font-size:12px;
font-family:Verdana;
}
*/
/*div.teaser h1
{
font-size:1.5em;
font-weight:normal;
}*/

div.teaser h1
{
     font-size:24px;
     font-weight:normal;
}
div.teaser h1 span
{     
     font-weight:bold;
}


div.demo{
        float:left;
        width:317px;
        padding:0;
        margin:16px 0 0 0;
}
div.demo ul {
        margin:0 0 -1px 0;
        padding: 3px 0;
        position:relative;
        z-index:999;
        height:20px;
}
div.demo ul li{
        list-style: none;
        margin: 0;
        display: inline;
}

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

/*
div.demo ul li
{
padding:8px 10px 6px 10px;
*padding:8px 10px 3px 10px;
margin:0px 5px 0px 0px;
width:50px;
display:inline;
clear:both;
background:url(../images/tab_unselc.gif) repeat-x left ;
}
div.demo ul li a
{
padding:8px 0px 8px 0px;
margin:0px 0px 0px 0px;
text-decoration:none;
font-size:0.8em;
color:#000;
}
*/

div.demo .ui-tabs-nav li.ui-tabs-selected,
div.demo .ui-tabs-nav li.ui-state-active{
        background:#fff !important;
}
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;
}

div.demo ul li.sel{
}

div.demo div.tabby{
        /*padding:10px 60px 10px 60px;*/
        margin:0px 10px 0px 0px;
        border:1px solid #ccc;
        overflow:hidden;
        width:317px;
}





/*
 * Required 
*/

.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;
}
/*
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:296px; margin:35px 5px 5px;}
.slides div img{ max-width:311px;max-height:481px; }
*/

.slides{width:315px;float:left;position:absolute;top:45px; background:#fff; border:none;}
.slides div{text-align: center; background:#fff; border:none;}
.slides img{max-width:311px;max-height:481px; background:#fff; border:none;}


/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto;position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }

div.demo div.tabby img
{
        margin:2px;
        
}
div.desc
{
float:left;
width:225px;
padding:0px 0px 0px 0px;
margin:50px 0px 0px 23px;
display:inline; /*ie6 bug fix*/
}
div.bot
{
background:#dcdcdc;
padding:4px 9px 4px 5px;
margin:0px 0px 0px 0px;
width:305px;
height:22px;
}
div.bot a
{
padding:0px 2px 0px 0px;
margin:0px 0px 0px 0px;
color:#1d76ce;
text-decoration:none;
}
div.bot span
{
padding:0px 0px 0px 0px;
margin:0px 50px 0px 0px;
}
div.desc div.introduction
{
font-size:0.9em;
line-height:2em;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
}
div.desc h4
{
        color:#333;
        font-size:20px;
        font-weight:normal;
        /* font-family:Verdana; */
}
div.desc p{
        line-height:26px;
        color:#333333;
        font-size:13px;
}
div.desc ul{list-style:none;}

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

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

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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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

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;
}



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;
}
div.desc li.spacing{margin-top:35px;}

div.desc li.subspacing{margin-top:6px;}

div.block2
{
padding:0px 0px 0px 0px;
margin:0px 0px 4px 0px;
width:737px;
background      :#fff;
float:left;
}
div.block2 div
{
/*background:url(../images/center_bg.gif) repeat-x left ;*/
overflow:hidden;

}
div.block2 img
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}
div.block2Bottom1
{
background:url(../images/phoneReviewbottom.gif) no-repeat;
width:737px;
height:6px;

}
div.block2Top1 h4
{
padding:7px 0px 6px 10px;
margin:0px 0px 0px 0px;
font-family:Verdana;
font-size:1.4em;
color:#000;
width:727px;
height:19px;
background:url(../images/phoneReviewtop.gif) no-repeat;
/*background:url(../images/right_curv.gif) no-repeat right 0em ;*/
}
@media screen and (-webkit-min-device-pixel-ratio:0){
        div.block2 h4{width:98.7%;}
        input.srchbtn{padding: 5px 0px 5px 0px;}
}
div.block2 p
{
padding:10px;
margin:0px 0px 5px 0px;
background:#f5f5f5;
color:#000;
display:block;
line-height:15px;
width:717px;
}

/**BEGIN   (right column)***/
div.sideBlock
{
        float:right;
        width:237px;
        padding:0px 0px 0px 0px;
        margin:2px 0px 0px 0px;
        line-height:1.4em;
                
}
div.custserv
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#f5f5f5;
position:relative;
height:68px;
}
/*
div.custserv h3
{
color:#666;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 8px;
background:url(side_hdr_bg.gif) repeat-x 0em 0em;
border-bottom:1px solid #ccc;
font-size:1.1em;
}
div.custserv img.mail
{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
border-right:1px solid #ccc;
}
div.custserv img
{
padding-left:5px;
}
div.custserv span
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
font-weight:bold;
position:absolute;
top:38px;
}
*/

div.lightbox{
margin:4px 0px 0px 0px;
*margin:5px 0px 0px 0px;
padding:0px;
/*border:1px solid #ccc;*/
float:left;
width:240px;

}
div.hdr
{
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
border-bottom:1px solid #ccc;
background:url(../images/lb_hdr_bg.gif) repeat-x left;
height:21px;
width:240px;
}
div.hdr a
{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 26px;
text-decoration:none;
font-size:18px;
color:#333;
background:url(../images/lgb_arw.gif) no-repeat left center;
}

div.swapy a
{
background:url(../images/lgb_arw_cc.gif) no-repeat left center;
height:21px;
width:13px;
}

div.hdr1 a
{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 26px;
text-decoration:none;
font-size:18px;
color:#333;
background:url(../images/schdule_right.gif) no-repeat left center;
}


div.swapy1 a
{
background:url(../images/schdule_down.gif) no-repeat left center;
height:21px;
width:13px;
}


div.tools
{
margin:0px;
padding-left:5px;
border-bottom:1px solid #ccc;
background:#F5F5F5;
line-height:16px;
}
div.tools a
{
margin:0px 0px 0px 0px;
padding:2px 6px;
font-size:11px;
display:inline;
border-right:1px solid #ccc;
text-decoration:none;
color:#0066cc;
font-weight:bold;

}
div.tools a:hover
{
        text-decoration: underline;
        cursor:pointer;
}

div.tabwrap{
/*
padding-top:2px;
max-height:257px;
overflow-x:hidden;
overflow-y:auto;
background:#fff;
*/
height:257px;
overflow-x:hidden;
overflow-x:auto;
}
/*
div.researchHeight{
        padding-top:2px;
        overflow-x:hidden;
        overflow-y:auto !important;
        background:#fff;
        max-height:270px;
}
*/
div.tabwrap table
{
background:#fff;
padding:4px 0 6px 0;
}
div.tabwrap table td
{
vertical-align:top;
/*padding:3px 3px 3px 3px;*/
padding:4px;
margin:0px 0px 0px 0px;
}
.borderBottom{
        border-bottom:1px solid #ccc;
        padding-bottom:4px;
}
.spacing{line-height:5px;}

div.tabwrap table td input{margin-left:4px;}
div.tabwrap table td img
{
margin-left:1px;
border:1px solid #ccc;
padding:1px;
max-width:60px;
max-height:60px;
text-align:center;
}
div.tabwrap table td div{padding:0px 5px;}
div.tabwrap table td div a
{
padding:0px 0px 0px 0px;
margin:0px;
color:#0066cc;
text-decoration:none;
font-weight:bold;
display:block;

/*
height:19px;
overflow:hidden;
*/
}
div.tabwrap table td div.text, div.tabwrap table td div.price{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#000;
font-size:11px;
line-height:15px;
font-weight:normal;
cursor:text;
}
div.tabwrap table td div.price{
        padding:3px 0;
        
        /*
        height:15px;
        overflow:hidden;
        */
}
div.tabwrap table td div.text{
        line-height:13px;
        
        /*
        height:29px;
        overflow:hidden;
        */
}

div.tabwrap .link{
        /*margin-top:-4px;*/
        margin-top:-2px;
        font-size:11px;
        text-align:right;
        font-weight:normal !important;
}

div.tabwrap table td.n 
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-top:1px solid #ccc;
text-align:right;
}
div.tabwrap table td.n a.notes
{
padding:0px 5px 0px 0px;
margin:0px;
color:#0066cc;
font-size:0.85em;
font-weight:normal;
text-decoration:none;
}
div.tabwrap table td.null
{
padding:0px;
margin:0px;
background:#fff;
height:2px;
}
div.quicksign
{
/*
margin:0px;
padding:0px 0px 0px 5px;
background:#e8e8e8;
color:#000;
font-size:0.85em;
line-height:15px;
*/
font-size:11px;
padding:2px 10px 4px 10px;
line-height:14px;
background:#F5F5F5;
border-top:1px solid #ccc;
}
div.quicksign a
{
font-weight:bold;
/*
margin:0px;
padding:0px 4px 0px 0px;
text-decoration:none;
color:#0066cc;
font-weight:bold;
*/
}

/**END   (right column)***/
div.footermast
{
background:#fff;
width:100%;


}
div.footer
{
text-align:left;
padding: 5px 0px 5px 10px;
margin:0px auto 0px auto;
color:#227ad3;
background:#fff;
width:980px;
}
div.footer a{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#0066cc;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
div.footermast span{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 145px;
color:#000;
font-size:10px;
}

div.quickLinks a.signin:hover, div.footer a:hover, div.common a:hover, div.quickLinks a:hover, 
div.tabwrap table td div a:hover, div.tabwrap table td.n a.notes:hover, div.bot a:hover, div.breadcrumb a:hover, div.quicksign a:hover
{
text-decoration:underline!important;
}

.videoImg{
background:url(../images/nokia_videobg.gif) no-repeat; 
height:481px; 
width:311px;
float:left;
}

.videoStyle{
height: 273px; 
width: 203px;  
margin:60px 0px 0px 52px;
float:left;  
}


/*binay*/
.overflowhide{overflow:hidden;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.block3Top{background:url(../images/block3Top.jpg) no-repeat;width:737px; height:5px; background-position:top center;}
.block3Bottom{background:url(../images/block3Bottom.jpg) no-repeat;width:736px; height:5px;background-position:bottom center;}
.block3Content{width:717px; background:url(../images/cotentBg3.jpg) repeat-y;padding:0px 10px;background-position:left center; margin:0;}
/*binay end*/

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: #ccc;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -733px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}
/*youtube video*/
#videoDiv {
margin-right: 3px;
}
/*#videoInfo {
margin-left: 3px;
}*/

/*widget slide guide section*/
.toggler { width: 530px; height:530px; position: relative;}
  #button { padding: .5em 1em; text-decoration: none; }
  /*#vtab-1 { width: 530px; height: 530px; padding: 0.4em; position: relative; }
  #vtab-1 h3 { margin: 0; padding: 0.4em; text-align: center; }*/
.ui-effects-transfer { border: 2px dotted gray; }

/*scroll pan
.winXP apply window XP scrollbar style
.osX apply mac scrollbar style
*/

#pane1{
     height: 267px;
}

#pane2, #pane3, #pane4 {
     height: 247px;
}

.winXP .jScrollPaneTrack {
     background: url(../images/windows_track.gif) repeat-y;
}
.winXP .jScrollPaneDrag {
     background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;
}
.winXP .jScrollPaneDragTop {
     background: url(../images/windows_drag_top.gif) no-repeat;
     height: 4px;
}
.winXP .jScrollPaneDragBottom {
     background: url(../images/windows_drag_bottom.gif) no-repeat;
     height: 4px;
}
.winXP a.jScrollArrowUp {
     height: 17px;
     background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowUp:hover {
     background-position: 0 -20px;
}
.winXP a.jScrollArrowDown {
     height: 17px;
     background: url(../images/windows_arrow_down.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowDown:hover {
     background-position: 0 -20px;
}
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
     background-position: 0 -40px;
}


.osX .jScrollPaneTrack {
     background: url(../images/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
     background: url(../images/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
     background: url(../images/osx_drag_top.gif) no-repeat;
     height: 6px;
}
.osX .jScrollPaneDragBottom {
     background: url(../images/osx_drag_bottom.gif) no-repeat;
     height: 7px;
}
.osX a.jScrollArrowUp {
     height: 24px;
     background: url(../images/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
     background-position: 0 0;
}
.osX a.jScrollArrowDown {
     height: 24px;
     background: url(../images/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
     background-position: 0 0;
}


.left .jScrollPaneTrack {
     left: 0;
     right: auto;
}
.left a.jScrollArrowUp {
     left: 0;
     right: auto;
}
.left a.jScrollArrowDown {
     left: 0;
     right: auto;
}

/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
     bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */

/*Rating*/
.ratingstar{float:left;padding: 2px 0;}

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

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

.slider div ul{
     width:3000px;/* set to an arbitary high value*/
     overflow:hidden;
     margin:2px 0px;
     padding:0;

     margin-left:0;
}
.slider div ul li{
     display:inline-block;
     //display:inline; /*IE 7 hack doesn't support inline-block*/
     margin:1px 2px;
     /*background:#fff;*/
     /*border:1px solid #ddd;*/
     width:auto;
     cursor:pointer;
     color:#0066CC;
}

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

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