﻿*
{
    padding: 0px;
    margin: 0px;
}

body
{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    background-color: #d6dfe6;
    background-image: url(global_back.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

label
{
    margin-left:5px;
}

H1
{
    font-size: 22px;
    font-weight:bold;
}
H2
{
    margin-top: 5px;
    font-size: 28px;
    text-align: center;
}
H3
{
    font-weight: 400;
    font-size: 16px;
    color: #919f20;
    font-family: "Lucida Grande" , Geneva, Helvetica, sans-serif;
}
H4
{
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 4px;
    color: #919f20;
    font-family: "Lucida Grande" , Geneva, Helvetica, sans-serif !important;
}
A
{
    color: Black;
    text-decoration: none;
}
A:hover
{
    cursor: pointer;
    color: #000000;
    text-decoration: underline;
}

.floatClear
{
    clear: both;
}

.fontTitle1
{
    font-size: 14px;
    color: Black;
    font-family: Arial , Helvetica;
    padding-left: 15px;
    font-weight:bold;
}

.fontTitle2
{
    font-size: 14px;
    color:White;
    font-family: Arial , Helvetica;
    padding-left: 15px;
    padding-top:10px;
    font-weight:bold;

}
.fontTitle3
{
    font-size: 14px;
    color:White;
    font-family: Arial , Helvetica;
    font-weight: bold;
    padding-left: 15px;
    padding-top:8px;
    height:27px;
    background-image:url(redefindtitleback.png);
    margin-left:1px;
    margin-right:5px;
}
.button
{
    width: 120px;
    margin-top: 20px;
    border: solid 1px #ffcc33;
    background-color: #ff9900;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.searchText
{
    border: solid 1px #e5f0ff;
    height: 22px;
    line-height: 22px;
    width: 450px;
    margin-left: 15px;
    margin-top: 5px;
    font-size: 16px;
}

.buttonShort
{
    height: 22px;
    line-height: 22px;
    font-size: 18px;
    margin-left: 10px;
}

.headerPanel
{
    width: 980px;
    height: 101px;
    margin-left: auto;
    margin-right: auto;
}
.headerLink
{
    font-family: Arial,Tahoma;
    font-size: 11px;
    padding-top: 5px;
    padding-right: 25px;
    text-align: right;
    visibility:hidden;
}
.headerLink1
{
    font-family: Arial,Tahoma;
    font-size: 11px;
    padding-right: 25px;
    text-align: right;
}
.tagMail
{
    background-image: url(tag_mail.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
}
.tagBook
{
    background-image: url(tag_book.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
}

.SearchTopBar
{
    background-image:url(searchtopbar.jpg);
    background-repeat:no-repeat;
    margin-left:110px;
    height:49px;
}

.footerPanel
{
    width: 939px;
    height: 37px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(footer_back.jpg);
}
.footerLink
{
    width: 750px;
    line-height: 37px;
    font-family: Tahoma,Arial;
    font-size: 11px;
    padding-left: 15px;
    float: left;
}

.footerLink a
{
    color: Black;
}
.footerCopyRight
{
    width: 170px;
    line-height: 37px;
    font-family: Tahoma,Arial;
    font-size: 11px;
    float: left;
}

.mainContent
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#leftContent
{
    float: left;
    width: 606px;
    margin-left: 20px;
}

#leftContent .searchPanel
{
    width: 606px;
    height: 75px;
    overflow: hidden;
    background-image: url(search_back.jpg);
    background-repeat: no-repeat;
}

#leftContent .sliderPanel
{
    margin-top: 5px;
    width: 606px;
    height: 338px;
    overflow: hidden;
    background-image: url(slider_back.jpg);
    background-repeat: no-repeat;
}

#advancedSearch
{
    display: none;
}

#rightContent
{
    float: left;
    width: 327px;
    height: 417px;
    overflow: hidden;
    margin-left: 8px;
    background-image: url(recomm_back.jpg);
    background-repeat: no-repeat;
}

.hotPanelDiv
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
}

.homePopup
{
    width: 212px;
    height: 327px;
    overflow: hidden;
    background-image: url(homepop_back.gif);
    text-align: center;
    color: White;
}

.searchInfo
{
    width: 672px;
    height: 70px;
    overflow: hidden;
    background-image: url(foundinfo.gif);
    color: White;
}

.ProductItem .top 
{
    width: 672px;
    height: 12px;
    background-position:0px 0px;
    background-image: url(itemBack.gif);
    background-repeat:no-repeat;
}

.ProductItem .content 
{
    width: 672px;
    background-position:0px 0px;
    background-image: url(itemBackRep.gif);
}

.ProductItem .bottom 
{
    width: 672px;
    height: 15px;
    background-position:0px -12px;
    background-image: url(itemBack.gif);
    background-repeat:no-repeat;
}


.ProductItemOver .top 
{
    width: 672px;
    height: 12px;
    background-position:0px -31px;
    background-image: url(itemBack.gif);
    background-repeat:no-repeat;
}

.ProductItemOver .content 
{
    width: 672px;
    background-position:-673px 0px;
    background-image: url(itemBackRep.gif);
}

.ProductItemOver .bottom 
{
    width: 672px;
    height: 15px;
    background-position:0px -43px;
    background-image: url(itemBack.gif);
    background-repeat:no-repeat;
}

.RefinedPanel
{
    width:258px;
    margin-left:15px;
    color:White;
    font-family: Arial , Helvetica;
    padding-left:3px;
    padding-right:5px;
}

.RefinedPanel .top
{
    background-image:url(redefindback_top.png);
    width:258px;
    height:100px;
}

.RefinedPanel .content
{
    background-image:url(redefindback_content.png);
    width:258px;
}

.RefinedPanel .bottom
{
    background-image:url(redefindback_bottom.png);
    width:258px;
    height:20px;
}

.ProductInfo
{
    background-image:url(productinfoback.gif);
    background-repeat:no-repeat;
    width:930px;
    height:224px;
    margin-left:auto;
    margin-right:auto;
    font-family: Arial , Helvetica;
}

.paneltop
{
        background-image:url(Panelback_top.gif);
        width:980px;
        height:13px;
        margin-left:auto;
        margin-right:auto;
}

.panelcontent
{
        width:980px;
        margin-left:auto;
        margin-right:auto;
}

.panelleft
{
    width:6px;
    background-image:url(Panelback_left.gif);
    background-repeat:repeat-y;
}

.panelcenter
{
    width:968px;
    height:325px;
    vertical-align:top;
    background-color:#ffffff;
    background-image:url(Panelback_center.gif);
    background-repeat:repeat-x;
    background-position:bottom;  
    
}

.panelright
{
    width:6px;
    background-image:url(Panelback_right.gif);
    background-repeat:repeat-y;
}

.panelbottom
{
        background-image:url(Panelback_bottom.gif);
        width:980px;
        height:21px;
        margin-left:auto;
        margin-right:auto;
}


#popItem .top
{
    width:284px;
    height:64px;
    background-image:url(popItem_top.png);
}

#popItem .content
{
    width:284px;
    background-image:url(popItem_content.png);
}

#popItem .bottom
{
    width:284px;
    height:11px;
    background-image:url(popItem_bottom.png);
}

#popItem .arrow
{
    float:left;
    width:22px;
    height:32px;
    display:block;
    background-image:url(popItem_arrow.png);
}

#popItem .items
{
    float:left;
    width:235px;
    margin-left:8px;
}


#slider ul, #slider li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider, #slider li
{
    width: 570px;
    height: 295px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#product-tabs a
{
    color: Black;
    text-decoration: none;
}
#product-tabs
{
    float: left;
    width: 100%;
    height: 25px;
    font: 12px Arial, sans-serif;
    line-height: normal;
    background: url(tab_bg.gif) repeat-x bottom;
    margin-top: 5px;
    z-index: 200;
}
#product-tabs ul, #product-tabs-sprite ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#product-tabs li
{
    float: left;
    margin: 0;
    padding: 0;
    background: url(tab_right3.gif) no-repeat right top;
}
#product-tabs a
{
    display: block;
    background: url(tab_left3.gif) no-repeat left top;
    padding: 5px 27px 5px 10px;
}
#product-tabs li.current
{
    float: left;
    margin: 0;
    padding: 0;
    background: url(tab_active_right3.gif) no-repeat right top;
}
#product-tabs li.current a
{
    display: block;
    font: bold 12px Arial, sans-serif;
    text-decoration: none;
    color: #000;
    background: url(tab_active_left3.gif) no-repeat left top;
    padding: 5px 27px 5px 10px;
}

#page_result
{
    height: 25px;
    line-height: 25px;
    font-family:Arial, Helvetica; 
    font-size:14px; 
    font-weight:bold;
}

#page_result a
{
    margin-left:10px;
    color: Black;
    text-decoration: none;
}

#page_result span
{
    background-image:url(pageback.gif);
    background-position:center;
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    margin-left:10px;
    padding-left:5px;
    padding-right:5px;
    color:Blue;
}

#page_result select
{
}

#page_result a:hover
{
    color:Blue;
}

.cam_param
{
    margin-right: 20px;
}


div.overlay
{
    background-image: url(overlay_white.png);
    width: 600px;
    height: 470px;
    display: none;
    padding: 55px;
}
div.overlay div.close
{
    background-image: url(overlay_close.png);
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

/* ---------->>> jtip begin<<<-----------*/

#JT_arrow_left
{
    background-image: url(jtip_arrow_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    left: -12px;
    height: 23px;
    width: 10px;
    top: -3px;
}

#JT_arrow_right
{
    background-image: url(jtip_arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    height: 23px;
    width: 11px;
    top: -2px;
}

#JT
{
    position: absolute;
    z-index: 100;
}

#JT_copy
{
    padding: 10px 10px 10px 10px;
    color: #333333;
}

.JT_loader
{
    background-image: url(jtip_loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 12px;
}

#JT_close_left
{
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
}

#JT_close_right
{
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
}

#JT_copy p
{
    margin: 3px 0;
}

#JT_copy img
{
    padding: 1px;
}

.jTip
{
}

/* ---------->>> jtip end <<<-----------*/

.roundCorner
{
}
