Subversion Repositories SmartDukaan

Rev

Rev 449 | Blame | Last modification | View Log | RSS feed

body {
  margin: 0;
  padding: 0;
  font-family:Verdana;
  font-size:0.8em;
  color:#666;
  font-smooth:always;
  background:#74726f;    
}
h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}
p
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
*{
        margin:0;
        padding:0;
}
img{
        border:none;
}

ul, ul li
{
margin:0;
padding:0;
list-style:none;
}

.clearfix
{
clear:both;
clear:float;
}
/*div.outerWrapper
{
margin: 0 auto 0 auto;
}*/
div.wrapper
{
width:980px;
margin: 0 auto 0 auto;
}
h1 img
{
padding: 10px 0px 12px 3%;
float:left;
}
/*div.quickLinks
{
float:right;
width:60%;
text-align:right;
font-size:0.85em;
margin: 15px 1% 5px 0px;
padding: 0px 0px 0px 0px;
color:#000;
}
div.quickLinks span.subs
{
padding: 8px 9px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
float:right;
}
div.quickLinks a 
{
text-decoration:none;
color:#0066cc;
font-weight:bold;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}
div.quickLinks a.fofb
{
width:100%;
overflow:auto;
}
div.quickLinks a.signin
{
background:url(../images/signin_arw.gif) no-repeat right center;
margin: 0px 10px 0px 5px;
padding: 0px 18px 0px 0px;
color:#0066cc;
}

div.quickLinks label
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#000;
}
div.quickLinks input.newletter
{
margin: 0px 0px 2px 0px;
padding: 2px 0px 2px 2px;
color:#666;
border:1px solid #848484;
width:220px;
}
div.quickLinks img
{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 4px;
border-left:1px solid #848484;
float:right;
}
*/
div.mast
{
width:100%;
background:#fff;
}
div.header
{
display:table;
width:980px;
background:#fdfdfd;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
div.headerRight{width:460px;float:right; padding-top:10px; }
div.headerRight h1{font:normal 11px/1.2 Verdana;width:auto; padding:0px 0px 0px 120px; margin:0; float:left;color:#010101;}
div.headerRight h2{font:bold 11px/1.2 Verdana; color:#0066cc;width:163px;float:right; padding:0; margin:0;}

div.headerRight h2 a{color:#0066cc; text-decoration:none; line-height:10px;padding:3px 5px 5px;}
div.headerRight .subscribe{float:right;width:462px; padding-top:5px; color:#333;}
div.headerRight .subscribe input[type="text"]{width:210px; border:1px solid #848484; float:left; color:#999999; padding:2px; margin-right:5px; margin:5px 0px;}
div.headerRight .subscribe span{float:left; margin:0 0px;}
div.headerRight .subscribe span img{ margin:0 5px;}
div.headerRight .subscribe label{float:left; padding-left:5px; margin:5px 0px; }
div.mainmenu
{
background:url(../images/menubg.gif) repeat-x left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height:32px;
display:table;
width:100%;
clear:both;
}

div.breadcrumb
{
margin: 0px 0px 15px 0px;
padding: 1px 0px 1px 0px;
font-size:0.85em;
height:10px;
}
div.breadcrumb a
{
color:#1170cf;
background:url(../images/crumb_arw.gif) no-repeat right 0.3em;
text-decoration:none;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
font-weight:bold;
}
div.breadcrumb a.selc
{
background:none;
color:#878e8e;
}
div.breadcrumb a.selc:hover
{
text-decoration:none!important;
}
div.findBox
{
background:url(../images/findbox.gif) repeat-x 0 0;
margin: 0px 0px 2px 0px;
/*padding: 3px 0px 3px 3px;*/
display:block;
position:relative;
clear:both;
width:100%;
float:left;
}
div.findBox input.txtfld
{
height:19px;
width:375px;
padding: 3px 0px 3px 0px;
float:left;
margin:2px;
}
div.findBox select.cat
{
/*padding: 3px 0px 4px 0px;*/
width:180px;
font-size:14px;
float:left;
margin:2px;
height:29px;
padding:5px;
padding-top:2px;

}
/*
a.btn{
background:url(../images/button.gif) no-repeat left;
border:none;
padding: 10px 20px 10px 8px;
margin: 0px 0px 0px 20px;
text-decoration:none;
font-size:0.7em;
font-weight:bold;
color:#000;

}*/
input.srchbtn
{
margin: 0px 0px 0px 0px;
padding: 2px 0px 5px 0px;
width:98px;
height:28px;
border:0px;
background:url(../images/button.gif) no-repeat left;
font-weight:bold;
font-size:1.1em;
float:left;
margin:2px;
}

div.findBox a.cartbtn
{
background:url(../images/cart_btn.gif) no-repeat;
padding: 6px 0px 6px 35px;
/*margin: -3px 0px 0px 0px;*/
float:right;
font-weight:bold;
text-decoration:none;
color:#000;
width:75px;
margin:2px;
font-family:Verdana;
font-size:12px;
}
div.content1
{
        margin:2px 4px 1px 0px;
        padding:0px 0px 0px 0px;
        color:#000;
        font-size:1em;
        line-height:1.3em;
        height:100%;
        
}
div.lfbox
{
margin: -0px 0px 0px 0px;
/*padding: 0px 0px 0px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:2px solid #ccc;
background:#fefefe;*/
}
.block1Top{background:url(../images/block1Top.png) no-repeat;width:738px; height:12px; background-position:top center;}
.block1Bottom{background:url(../images/block1Bottom.png) no-repeat;width:738px; height:12px;background-position:bottom center; }
.block1Content{width:717px; background:url(../images/cotentBgC.png) repeat-y;padding:0px 10px;background-position:left center; margin:0;}
.block2Top{background:url(../images/contentMaintop1.png) no-repeat;width:737px; /*height:19px;*/ height:4px; background-position:top center; }
.block2Bottom{background:url(../images/contentMainbottom1.png) no-repeat;width:737px; /*height:19px;*/ height:4px; background-position:bottom center;}
/*.block2Content{max-width: 714px; background:#fff url(contentMaincenter1.png) repeat-x;padding:0px 10px;background-position:0 bottom; border-left:1px solid #cccccc;border-right:2px solid #cccccc;}*/
.addtocart{ width:200px; float:right;}

.addCart{background:url(../images/add-to-cart.gif) repeat-x center center; height:28px; width:110px; padding:2px 10px; font-weight:bold;font-size:1.1em; line-height:18px; border:none; }
div.controls
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow:hidden;
position:relative;
height:178px;

}
div.contweak
{
background:url(../images/demo_panel_bg.gif) repeat-x 0em bottom;
border-right:2px solid #dadada;
border-left:2px solid #dadada;
width:733px;
height:768px;



}
div.controls h2 
{
margin: 0px 0px 15px 0px;
font-size:1.5em;
}
div.controls h2 a.add
{
margin: 0px 0px 0px 25px;
font-size:0.7em;
font-weight:bold;
}

span.text
{
font-size:0.9em;
line-height:1.9em;
color:#333;
float:left;
clear:both;
}
div.controls span.textsml
{
font-size:0.85em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position:absolute;
top:44px;
color:#666;
}

div.controls span.textsml1
{
font-size:0.85em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position:absolute;
top:44px;
color:#666;
}
span.num
{
color:#990000;
font-weight:bold;
font-size:1.45em
}

div.price
{
margin:10px 0px 0px 0px;
width:450px;
float:left;
}
/*
div.price img
{
padding:5px 0px 0px 5px;
*padding:10px 0px 0px 5px;
float:left;
margin:0;
width:112px;
height:15px;
}

input.pin
{
border:none;
background:url(../images/inp_bg.gif) no-repeat 0em 0em;
width:80px;
padding:3px 0px 5px 2px;
margin: 0px 4px 0px 4px;
}

*/

input.pin
{
     border:none;
     background:url(../images/inp_bg.gif) no-repeat 0em 0em;
     width:78px;
     padding:3px 0px 5px 2px;
     margin: 0px 4px 0px 4px;
}


div.rating
{
float:right;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
width:200px;
color:#333;
}
div.rating h3
{
font-size:1.3em;
padding:0px 0px 5px 0px;
}
div.rating div.seller
{
float:left;
padding:0px 0px 4px 0px;
clear:both;
}
div.common
{
border-top:1px solid #ccc;
clear:both;
/*margin: 5px 0px 0px 0px;*/
padding: 5px 0px 0px 0px;
width:100%;
}
div.common a
{
background:url(../images/blue_arw.gif) no-repeat 0em 0.2em;
color:#0066cc;
font-weight:bold;
padding:0px 0px 0px 15px;
text-decoration:none;
}
div.contentArea
{
width:100%;
}
div.part1
{
width:737px;
display:block;
float:left;
margin:0;

}
div.utils
{
/*padding:4px 0px 5px 6px;*/
margin:4px auto 0px auto;
padding:3px;
background:#fff url(../images/util_bg.gif) repeat-x left bottom;
width:709px;
height:22px;

}
/*
div.utils input, div.utils input.atr
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
height:21px;
border:0px;
font-weight:bold;

}

div.utils input
{
width:80px;
background:url(../images/compare_btn.gif) no-repeat 0em 0em;

}
div.utils input.atr
{
width:124px;
background:url(../images/addtoresch.gif) no-repeat 0em 0em;
margin:0px 62px 0px 0px;
}
*/
div.utils a
{
text-decoration:none;
color:#000;
font-size:0.8em;
margin:-0px 0px 0px 20px;
display:inline;

}

div.utils a.fb
{
background:url(../images/facebook.gif) no-repeat left 0em;
padding:2px 0px 5px 50px;

}
div.utils a.tw
{
background:url(../images/tweet.gif) no-repeat left 0em;
padding:2px 0px 5px 25px;

}
div.utils a.ork
{
background:url(../images/orkut.gif) no-repeat left 0em;
padding:2px 0px 6px 25px;
}
div.utils a.ml
{
background:url(../images/mail_ico.gif) no-repeat left 0.3em;
padding:2px 0px 5px 25px;
margin:0px 20px 0px 10px;
}
div.utils a.askfn
{
background:url(../images/ask_frnd.gif) no-repeat right 0em;
padding:2px 30px 5px 0px;
margin:0px 0px 0px 0px;
font-weight:normal;
}
div.locator
{
background:#fff url(../images/pinloc_bg.gif) repeat-x left bottom;
padding:7px 0px 7px 6px;
margin:0px auto 5px auto;
width:710px;
clear:both;
height:26px;
}
input.gobtn
{
border:0px;
background:url(../images/go_btn.gif) no-repeat right 0em;
padding:2px 3px 3px 5px;
margin:2px 0px 0px 0px;
color:#fff;
font-weight:bold;
height:21px;
width:31px;
}
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.demo
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}
div.demo ul 
{
padding:0px 0px 0px 0px;
margin:40px 0px 0px 0px;
}
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 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;
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 !important;max-height:481px !important; }
*/

.slides { position:absolute; top:35px; left:0; }
.slides div {
     display: table-cell;
     text-align: center;
     vertical-align: middle;
     width: 311px;
     height: 481px;
     
}
.slides div * {
     vertical-align: middle;
}
/*\*//*/
.slides div {
     display: block;
}
.slides div span {
     display: inline-block;
     height: 100%;
     width: 1px;
}
/**/

.slides div img{ max-width:311px;max-height:481px; }


/*
 * 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:36%;
padding:0px 0px 0px 0px;
margin:60px 0px 0px 0px;
}
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
{
font-size:1.6em;
padding:0px 0px 10px 0px;
margin:20px 0px 0px 0px;
font-family: Verdana;
color:#505050;
width:155px;
}
div.desc ul
{
margin:0px 0px 0px 15px;
}
div.desc ul li
{
font-size:0.9em;
line-height:2em;
list-style:disc;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
/*span.special
{
color:#990000;
}*/
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:#333;
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:#333;
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(../images/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:237px;

}
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:237px;
}
div.hdr a
{
margin:0px 0px 0px 15px;
padding:0px 0px 0px 30px;
text-decoration:none;
font-size:1.5em;
color:#666;
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 15px;
padding:0px 0px 0px 30px;
text-decoration:none;
font-size:1.5em;
color:#666;
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:0px;
border-bottom:1px solid #ccc;
background:#ebebeb;
}
div.tools a
{
margin:0px 0px 0px 0px;
padding:0px 6px 0px 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
{
height:257px;
overflow-x:hidden;
overflow-y:auto;

}
div.tabwrap table
{
background:#fff;
padding-top:2px;

}
div.tabwrap table td
{
vertical-align:top;
/*padding:3px 3px 3px 3px;*/
padding:0px;
margin:0px 0px 0px 0px;
background:#f5f5f5;

}
div.tabwrap table td img
{
border:1px solid #ccc;
padding:3px 3px 3px 3px;
}
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-size:1em;
font-weight:bold;
display:block;
}
div.tabwrap table td div span.text
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#333;
font-size:0.85em;
line-height:15px;
font-weight:normal;
width:110px;
}
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 0px 0px 0px;
color:#0066cc;
font-size:0.85em;
font-weight:normal;
text-decoration:none;
}
div.tabwrap table td.null
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:#fff;
height:2px;
}
div.quicksign
{
margin:0px;
padding:0px 0px 0px 5px;
background:#e8e8e8;
color:#666;
font-size:0.85em;
line-height:15px;
}
div.quicksign a
{
margin:0px 0px 0px 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:#666;
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*/

#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:#f9f9f9;

}

.slider .next, .slider .prev{
     display:none;
     background-color:white;
     border:0;
     font:bold 18px Helvetica;
     color:#bbb;
     float:left;
     padding:0;
     margin:0;
     cursor:pointer;
}
.slider .next{
     float:right;
}
.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*/
     padding:0px 5px;
     margin:2px;
     background:#fff;
     /*border:1px solid #ddd;*/
     width:auto;
     cursor:pointer;
     color:#0066CC;
}

/* button */
.button28{
     background: url("../images/but_bg_tile28.jpg") repeat-x center center #fff;
     font-size:1.1em;
     font-weight:bold;
     height:28px;
     
     border:1px solid #c5a75f;
     padding:0px 8px;
     margin:0px;

}

.button19{
     background: url("../images/but_bg_tile19.jpg") repeat-x center center #fff;
     
     font-weight:bold;
     height:21px;
     border:1px solid #c5a75f;
     padding:0px 8px;
     margin:0px;
     
}