* {
    margin: 0;padding: 0;
    font-family: tahoma;
    font-size: 9pt;
}

body {
    direction: ltr;
    min-height: 500px;
      /*background-color: rgba(100, 100, 100, 0.2);*/
}

a, a img { text-decoration: none;border: none;}


.rgt {
    width: 782px;float: right;
}

.lft {
    float: left;
}

.mainNav .menuTop
{
    float: left;
}

.keywordsBox h1, .keywordsBox h2, .keywordsBox h3, .keywordsBox h4, .keywordsBox h5, .keywordsBox h6
{
    float: left;
}

#customerHelp > li {width:220px;margin-right:10px;overflow:hidden;float:left;}
#customerHelp > li > ul > li {padding-left:10px;background:url(/gfx/y.gif) -25px -1741px no-repeat;}
.w-customeGuide .col{padding:10px;vertical-align:top;float:left;}
    
    .mainNav .menuItems ul li
    {
        float: left;
    }

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

#main {
    width: 990px;margin: 0 auto;
      background-color: #FFF;display: block;
}

#main .head1 {
    height: 20px;padding: 5px;background-color: white;color: #000;line-height: 20px;
    width: 48%;
display: inline-block;
text-align: left;

}

#main .head1 a {
    color: #444;
}

#main .head1 a:hover {
    color: orange;
}

    #main .head2
    {
        height: 20px;
        padding: 5px;
        background-color: white;
        color: #000;
        line-height: 20px;
        width: 49%;
        display: inline-block;
        text-align: right;
    }

#main .head2 a {
    color: #444;
}

#main .head2 a:hover {
    color: orange;
}

#main .top {
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 7%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(7%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 7%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 7%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 7%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 7%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );

    position: relative;
    height: 50px;
    padding: 15px 0px 10px;
}

.top .siteName {
    font-size: 28px;margin: 0px 10px 2px 10px;color: orangered;font-weight: bold;font-family: Arvo;
}

.top .siteSlogan {
    font-size: 12px;margin: 0 auto 2px 10px; color: #666;font-weight: normal;font-family: Arvo;letter-spacing: 3px;
}

.top .main-entrance-lp {
    
}

.mainNav
{
    height: 32px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    border-top: 1px rgba(200, 200, 200, .5);
    border-bottom: 1px rgba(200, 200, 200, .5);
    border-right: 0px;border-left: 0px;
    border-style: solid;
    margin-bottom: 0px;

}

.footmenu {
    list-style: none;display: inline-block;text-align: center;overflow: hidden;
}

.footmenu li {
    float: left;
}

.footmenu li a {
    color: #888;
    padding: 3px 10px;
}

.footmenu li:after {
    content: '  |  ';
}

.footmenu li:last-of-type:after {
    content: '';
}

.mainNav .menuItems {
    line-height: 32px;
    margin-left: 130px;
}

    .mainNav .menuItems ul
    {
        list-style: none;
    }

    .mainNav .menuItems ul li:after
    {
        content: ' | ';
    }

.mainNav .menuItems a {
    color: #444;font-weight: bold;font-size: 10px;letter-spacing: 1px;
    margin: 0 20px;
}

.mainNav .menuItems a:hover {
    color: orange;
}

    .mainNav .menuTop
    {
        width: 184px;
        display: inline-block;
        height: 16px;
        line-height: 16px;
        padding: 8px;
        background: rgba(255,154,76,1);
        background: -moz-linear-gradient(top, rgba(255,154,76,1) 0%, rgba(255,124,10,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,154,76,1)), color-stop(100%, rgba(255,124,10,1)));
        background: -webkit-linear-gradient(top, rgba(255,154,76,1) 0%, rgba(255,124,10,1) 100%);
        background: -o-linear-gradient(top, rgba(255,154,76,1) 0%, rgba(255,124,10,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,154,76,1) 0%, rgba(255,124,10,1) 100%);
        background: linear-gradient(to bottom, rgba(255,154,76,1) 0%, rgba(255,124,10,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a4c', endColorstr='#ff7c0a', GradientType=0 );
        color: #444;
        font-weight: bold;
        font-size: 10px;
        letter-spacing: 1px;
        border-radius: 9px 9px 0 0; -webkit-border-radius: 9px 9px 0 0; -moz-border-radius: 9px 9px 0 0;
    }


#megamenu {
    list-style: none;
    display: inline-block;
    padding-right: 0;
    width: 200px;
    z-index: 1000;
    float: left;
    background-color: white;
}



#megamenu > li {
    line-height: 27px;
    padding: 3px 6px;
    border-bottom: 1px solid rgba(100,100,100,.4);
    border-left: 1px solid rgba(100,100,100,.4);
    border-right: 1px solid rgba(100,100,100,.4);
    border-top: 1px solid transparent;
}

#megamenu > li:hover {
    line-height: 27px;
    padding: 3px 6px;
    border-bottom: 1px solid rgba(100,100,100,.8);
    border-left: 1px solid rgba(100,100,100,.8);
    border-right: 1px solid rgba(100,100,100,.8);
    border-top: 1px solid transparent;
}

#megamenu > li > a {
    color: #666;font-weight: normal;background-color: white;z-index: 3000;
}

#megamenu > ul {
    visibility:hidden;
    opacity: 0;
}

    #megamenu li:hover > ul
    {
        visibility: visible;
        opacity: 1;
    }

#megamenu > li > ul {
    visibility:hidden;
    opacity: 0;
    background-color: white;
    position: absolute;
    margin-left: 192px;
    margin-top: -31px;
    width: 280px;
    padding: 2px 6px;
    border: 1px solid orange;
    z-index: 2000;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    

}

    #megamenu > li > ul > li > a
    {
        /*background-color: #444;*/
        color: orange;
        border-bottom: 1px solid gray;
        padding: 2px 4px 1px 0;
        width: 122px;
        display: block;
        font-weight: bold;
        /*-moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;*/
        
    }

    #megamenu > li > ul > li
    {
        width: 130px;
        float: right;
        margin: 0 5px;


    }

        #megamenu > li > ul > li > ul
        {
            /*border: 1px blue solid;*/
            padding-right: 3px;
        }

            #megamenu > li > ul > li > ul > li
            {

            }

            #megamenu > li > ul > li > ul > li > a
            {
                color: gray;
            }

            #megamenu > li > ul > li > ul > li:hover > a
            {
                color: red;
            }

#megamenu > li:hover > ul {
    display: block;
    
}



.transition
{
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.transition2
{
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}


.transition5
{
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.full {
    width: 100%; 
}

.rgt .box
{
    border-color: #E3E3E3;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    float: right;
    overflow: hidden;
    width: 777px;
    padding-bottom: 12px;
}

    .rgt .box .title
    {
        width: 100%;
        float: left;
        clear: both;
        height: 30px;
        background: #F1F1F1;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: orangered;font-weight: bold;padding: 1px 10px;line-height: 30px;
    }

.prodBox
{
    width: 170px;
    float: left;
    display: inline;
    margin-left: 21px;
    margin-top: 12px;
    height: 250px;

        background: rgba(226,226,226,1);
        background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
        background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
        background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
        background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
        background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );

}

.prodBox .mainImg{
    width: 170px;
    height: 170px;
}

.prodBox > h5 {
    margin-top: 5px;
}

    .prodBox > h5 > a
    {
        color: #333;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        font-weight: normal;
        display: block;
    }

    .prodBox .priceBox
    {
        width: 158px;
        float: left;
        /* padding-top: 3px; */
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        color: #C00;
        height: 25px;
        font-family: Arial,Helvetica,sans-serif;
        padding: 6px;
    }

    .prodBox .price
    {
        color: #C00;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        font-weight: bold;
        float: right;
        margin-right: 10px;
    }

    .prodBox .oldPrice
    {
        color: #969696;
        display: block;
        float: left;
        margin-left: 10px;
        text-decoration: line-through;
        font-weight: normal;
        text-align: center;
    }

.blank
{
    height: 8px;
    line-height: 8px;
    clear: both;
    visibility: hidden;
}

.follow-search
{
    border-top: 2px solid #F28E25;
    height: 30px;
    padding: 15px 0px;
}

.w-bp
{
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #FEEED3;
    padding-bottom: 0;
    border: 1px solid #FEEED3;
    padding: 0 10px 10px;
    clear: both;
    zoom: 1;
    margin-bottom: 10px;
}
.bottomfollowus li:first-of-type{
    font-weight: bold;
    font-size: 11px;
}

.bottomfollowus {
float: left;
height: 30px;
width: 570px;
}

.bottomnewsletter {
display: inline;
float: right;
padding-right: 10px;
width: 410px;
}

.bottomfollowus li.fllowtitle {
color: #333;
font-family: Georgia;
font-size: 14px;
}
.bottomfollowus li {
display: inline;
float: left;
height: 20px;
line-height: 18px;
margin-left: 10px;
padding-top: 6px;
}

.bottomnewsletter .newstitle, .bottomnewsletter .emaildress, .bottomnewsletter .subscribe {
display: inline;
float: left;
margin-left: 5px;
vertical-align: middle;
}

.bottomnewsletter .emaildress {
border: 1px solid #333;
color: #999;
font-size: 11px;
font-style: italic;
height: 28px;
line-height: 28px;
padding: 0 0 0 12px;
width: 198px;
margin: 0 4px 0 5px;
}

h2 {
display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

.bottomfollowus li span {
float: left;
height: 18px;
padding-left: 8px;
}

.bottomfollowus li a {
color: #666;
cursor: pointer;
}


#lftBanners {
    margin: 0;padding: 0;padding-right: 0;padding-left: 0;
    width: 200px;
}

#lftBanners li a img {
    width:200px
}

.wrapper {
width: 990px;
margin: 0px auto 20px auto;
    text-align: center;
}

#goodsInfo {
    margin-bottom: 10px;
}

.bborder {
border: 1px solid #CCC;margin-top: 15px;overflow: hidden;
}

.itemInfoList
{
    overflow: visible;
    text-align: left;
    line-height: 20px;
    width: 580px;
    line-height: 18px;
    float: left;
    padding-left: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

    .itemInfoList h1
    {
        font-size: 16px;text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        line-height: 40px;
        color: #000;
    }

#goodsInfo .imgInfo {
width: 365px;
float: left;
padding: 0 10px 0 0;
}
.itemInfoList table {
    width: 100%;
}
.itemInfoList .brief {
    background-color: rgba(100, 100, 100, .1);
    padding: 8px;
    border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;text-align: justify;
    margin: 10px;display: block;
}

.itemInfoList .fulldesc {
    text-align: justify;
}

.insideGallery li {
    float: left;margin: 5px 6px 0px 0px;
}

.propItems td {
    padding: 4px;
}

.topBanner {
    height: 70px;
    display: block;
}

    .topBanner img
    {
        width: 780px;
        float: right;
    }

.catebg
{
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #D0D0D0;
    color: #666;
    font: bold 12px/25px Arial,Helvetica,sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 0 8px;
    width: 182px;
    font-weight: 700;
    height: 25px;
}

.block {
    width: 200px;display: block;margin-top: 10px;    
}

.block .block-content
{
    border: 1px solid #D0D0D0;
    border-top: none;
    padding: 5px 5px;
    color: #000;
    overflow: hidden;
}

.search-bar-autocomplete
{
    background: none repeat scroll 0% 0% #EBEBEB;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #CCC;
    height: 31px;
    margin: 8px 180px 0px 50px;
    padding-top: 2px;
    width: 300px;
}

.search-bar-button
{
    background: #FAA019;
    border-radius: 2px 2px 2px 2px;
    border: 0px none;
    color: #FFF;
    cursor: pointer;
    font-weight: 700;
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: 200px;
    top: 23px;
    width: 100px;
    margin: 7px -10px;
      text-align: center;
      padding: 10px 0 0 0;
}

.search-bar-keyword
{
    background: none repeat scroll 0% 0% #FFF;
    height: 31px;
    overflow: hidden;
    width: 100%;
}

    .search-bar-keyword input
    {
        border: 0px none;
        color: #333;
        font-family: Arial;
        font-size: 16px;
        height: 21px;
        line-height: 21px;
        outline: 0px none;
        padding: 5px 0px 5px 5px;
        width: 100%;
    }

#customerHelp{padding:20px;overflow: hidden;}
#customerHelp div {margin:10px auto 10px;width:920px; overflow:hidden;}
#customerHelp > li > a {font-size:15px;font-weight:normal; line-height:20px;color:#333333;line-height: 28px;}
#customerHelp > li > ul > li > a{color:#666;line-height: 22px;}
#customerHelp p{font-size:11px; line-height:30px; text-align:center;}
#customerHelp p a{font-size:11px;padding:0 5px;}
.w-customeGuide{background-color:#f5f5f5;width:952px;}


.backToTop
{
    background-image: url("/gfx/mart_top.png");
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    bottom: 100px;
    height: 51px;
    left: 50%;
    margin-left: 506px;
    right: auto;
    width: 52px;
}

.cart-warp {
     background: url(/gfx/h-bg4.png) no-repeat scroll -550px -40px transparent;
     height: 28px;
     position: absolute;
     right: 0px;
     top: 26px;
     width: 137px;
}
.search-bar-advanced{position:absolute;top:6px;right:161px;height:29px;line-height:29px;font-size:11px;}
.search-bar-cart{
     cursor: pointer;
     display: block;
     height: 25px;
     overflow: hidden;
     position: relative;
     right: 0px;
     width: 137px;
}
.search-bar-cart:hover{
     color: #FF8000;
     text-decoration: none;
}
.cart-sum, .cart-tit {
     font: bold 16px/14px "Trebuchet MS";
     position: absolute;
}
.cart-sum {
     color: #EE7711;
     left: 0px;
     text-align: center;
     top: -2px;
     width: 45px;
}
.cart-tit {
     color: #333333;
     left: 43px;
     line-height: 14px;
     top: 6px;
}

#catMenu {
    position: absolute; z-index: 100; display: none; margin-top: -30px;padding-top: 30px;
}


.keywordsBox h1 {
    font-size: 14px;
    font-weight: bold;

}

.keywordsBox h2 {
    font-size: 13px;
    font-weight: bold;
}

.keywordsBox h3 {
    font-size: 12px;
    font-weight: normal;
}

.keywordsBox h4 {
    font-size: 11px;
    font-weight: normal;
}

.keywordsBox h1, .keywordsBox h2, .keywordsBox h3, .keywordsBox h4, .keywordsBox h5, .keywordsBox h6 {
    display: inline-block;
    margin: 2px 3px;
    
}


.keywordsBox h1:after, .keywordsBox h2:after, .keywordsBox h3:after, .keywordsBox h4:after, .keywordsBox h5:after, .keywordsBox h6:after {
    content: ',';
}



            .FullBasket { width: 100%;list-style: none;display: inline-block;}
            .FullBasket li { height: 76px;padding: 7px;margin: 10px 0;
            -moz-transition: background .2s linear;
            -ms-transition: background .2s linear;
            -o-transition: background .2s linear;
            transition: background .2s linear;
            background-color: rgba(0, 0, 0, .05);
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
            border-radius: 12px;
        }
        .FullBasket li img { height: 76px;float: left;margin-right: 10px;-moz-border-radius: 8px;
-webkit-border-radius: 8px;border-radius: 8px;}
        .FullBasket li .updown {float:right;font-size: 14px;color: black;font-size: 20px;
                                line-height: 16px;
            -moz-transition: color .2s linear;
            -ms-transition: color .2s linear;
            -o-transition: color .2s linear;
            transition: color .2s linear;
            margin-top: 0px;
        }
        .FullBasket li:hover .updown { color: orangered;}
        .FullBasket li:hover  { background-color: rgba(255,190,40,.5);}
            .FullBasket li:hover img
            {
                -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.6);
                -moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.6);
                box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.6);
            }
        .FullBasket span.prodName { font-weight: bold;font-size: 18px;line-height: 30px;}
        .FullBasket span.prodFee { color: #666;font-size: 14px;}
        .FullBasket span.prodPrice { color: orangered;font-size: 12px;font-weight: bold;}
        .FullBasket span.prodQty { color: orangered;font-size: 13px;}
        .FullBasket span.desc { color: black;font-size: 13px;width: 70px;display: inline-block;}
        .InvoiceResult { color: black;font-size: 16px;font-weight: bold;margin-left: 350px;}

                .alltotal { color: orangered;font-size: 16px;}
        .deleteProd { background-color: orangered;color: white;padding: 5px 14px;border-radius: 4px;-moz-border-radius: 4px; -webkit-border-radius: 4px}


.ghorfeCMS {
    text-decoration: none; background-color: rgba(255,100,50,.1); color:rgba(0,0,0,.4); border:1px solid rgba(255,100,50,.2); 
    font-size: .9em; padding: 2px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.ghorfeCMS:hover {
    background-color: rgba(255,100,50,1); color:rgba(255,255,255,1); border:1px solid rgba(255,100,50,.2);
}


.alphaEn { list-style: none;overflow: hidden;}
.alphaEn li { float: left;margin: 4px;}
.alphaEn li a {width: 24px;text-align: center;   display: inline-block;line-height: 24px;background-color: rgba(247, 148, 30, 1);color: white;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

#historyItems span {
    width: 80px;
  display: inline-block;
  font-size: .85em;
}