/* General */
body {
    //font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-family:roboto-regular;
    font-size: 12px;
    height: 100%;
    //background-image:url(../images/nen/bg.gif);
    background-repeat:repeat-x;
    min-width: 961px;
    background-color:#EDECEC !important;
}
input, select {
    font-size: 11px;
}
input {
    padding: 1px;
}
input[type="submit"] {
    cursor: pointer;
    font-size: 12px;
    padding: 3px 5px;
}
p {
    line-height: 1.3;
    padding-bottom: 15px;
}
a {
    font-weight: normal;
    text-decoration:none;
    color:#363636;
}
h2, .TitleHeading 
{
    font-size: 1.3em;
}
h3 {
    font-size: 1.1em;
    padding: 8px 0 0 12px;
}
h4 {
    font-size: 1.1em;
    margin-bottom: 4px;
}
img, img a {
    border: 0;
}
ul, ol {
    margin: 0 0 10px 30px;
}
li {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
}
blockquote {
    margin-left: 28px;
}
select option {
    padding: 0 10px;
}
hr {
    margin: 0px 0;
    padding: 0;
    border:0;
}
#slider
{
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
/*defaultTitle*/
.center_right .defaultTitle span, .center_right .defaultTitle h1{
    padding:0px;
}
.left .defaultTitle span{
 padding-left: 10px;
}
    .defaultTitle span, .defaultTitle h1
    {
        display: block;
    
      //  padding-left: 10px;
    }
.center_right .defaultTitle h1,.center_right .defaultTitle span{
    font-size:16px;
    font-weight:normal
}
.newsCategory.defaultTitle span,.newsCategory.defaultTitle h1{
    border-bottom:1px solid #DA1F28;
    display:inline-block;
    
}
.newsCategory.defaultTitle {
    height:35px;
    line-height:35px;
    border-bottom:1px solid #ccc;
}
.left .defaultTitle{
    border-top:2px solid #DA1F28;
    background-color:#0B79B8;
    height:35px;
    line-height:35px;
    font-weight:normal;
    color:#FFF;
}
.mid_right .defaultTitle{
    background-color:#efefef;
    line-height:40px;
    color:#3d3d3c;
    padding-left:20px;
    font-weight:normal;
}
    .defaultTitle
    {
        color: #DA1F28;
        font-family: Roboto-regular;
        font-size: 14px;
       text-transform:uppercase;
        font-weight: normal;
        line-height: 29px;
    }
    .DefaultModule.contact .defaultTitle
    {
        display:none;
    }
    .contact-title h2
    {
        margin-top:7px;
        font-size:18px;
        font-family:roboto-regular;
        font-weight:normal;
    text-transform:uppercase;
    }
.contact-info .Button{
    color:#fff;
    border:1px solid transparent;
    border-radius:5px;
    font-family:Arial;
    background-color:#DA1F28;
}
    .center .defaultTitle
    {
        font-size:18px;
    }
.mid_right .defaultContent,.left .defaultContent{
    border:1px solid #e1e1e1;
    border-top:none;
    padding:1px 0;
}
.mid_left .DefaultModule{
    margin-bottom:0;
}
.mid_right #TextHTML-Module:first-child{
    margin-bottom:7px;
    border-bottom:none;
}
.mid_right #TextHTML-Module{
    margin-bottom:30px;
    overflow:hidden;
}
.mid_right #TextHTML-Module p{
    padding-bottom:0px;
}
.mid_right #TextHTML-Module{
    border:1px solid #ccc;
}
.mid_right #HomeFeaturedProducts .defaultContent,.left #HomeFeaturedProducts .defaultContent{
    border:none;
    margin-top:28px;
}
    .defaultContent
    {
        padding: 1px 0px;
    }
    .defaultFooter
    {
        height: 6px;
    }
    .defaultFooter div
    {
        height: 6px;
    }
    .defaultContent
    {
        color: #3B3B3B;
    }
    .DefaultModule
    {
        margin-bottom: 7px;
    }
/*End defaultTitle*/
/*-------------------------------------------------------------------------------------------------------*/
/*cate-menu*/
    #cate-menu ul, #cate-menu ul li
    {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    #cate-menu li.level0:hover >a span{
    color:#DA1F28;
}
#cate-menu li.level0 > a{
    border-bottom:1px solid #e3e3e3;
    font-family:Roboto-bold !important;
}
    #cate-menu ul li a:link, #cate-menu ul li a:visited
    {
      //  background: url("../images/nen/list_style.gif") no-repeat scroll 1px 9px transparent;
        color: #3d3d3d;
        display: block;
        font-size: 12px;
        font-family:Roboto-regular;
        padding: 7px 0 7px 19px;
    }
#cate-menu ul li.level1.current{
    background:url("../images/nen/border_catemenu.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
}
#cate-menu ul ul li.level1:hover > a:link, #cate-menu ul ul li.level1.current > a{
    background:url("../images/nen/border_catemenu.gif") no-repeat 0 2px ,url("../images/nen/list_style1.gif") no-repeat scroll 19px 10px transparent;
}
#cate-menu ul ul li.level1:hover > a span{
    color:#DA1F28;
}
.left .cate-menu-content{
    padding-bottom:15px;
}
#cate-menu ul ul li.level1:hover > a:link, #cate-menu ul ul li.level1:hover > a:visited{
    color:#DA1F28;
}
    #cate-menu ul ul li.level1 a:link, #cate-menu ul ul li.level1 a:visited
    {
        background: url("../images/nen/list_style1.gif") no-repeat scroll 19px 10px transparent;
        color: #323232;
        display: block;
        font-size: 12px;
        line-height:17px;
        font-weight: normal;
        padding: 5px 0 6px 32px;
    }
    #cate-menu ul ul ul li.level2 a:link, #cate-menu ul ul ul li.level2 a:visited
    {
        background: url("../images/nen/list_style1.gif") no-repeat scroll 32px 10px transparent;
        color: #323232;
        display: block;
        font-size: 12px;
    
        font-weight: normal;
        padding: 5px 0 6px 45px;
    }
    .defaultContent li.level0
    {
        //border-top: 1px solid #e1e1e1;
    }
    #cate-menu ul li.current a:link, #cate-menu ul li.current a:visited,
    #cate-menu ul ul li.current a:link, #cate-menu ul ul li.current a:visited,
    #cate-menu ul ul ul li.current a:link, #cate-menu ul ul ul li.current a:visited
    {
        color: #DA1F28;
    }
    .defaultContent li.level0.first
    {
        border: medium none;
    }
/*end cate-menu*/



/*nav*/


.nolist {
    list-style:none;
    padding:0;
    margin:0
}

#site-body {
    margin:0 0 10px;
    //margin-top:55px!important;
    padding:0;
   float:left;
}
#site-body .content-block-wrapper {
    margin:0;
    margin-bottom:8px;
    padding:0;
    position:relative
}
#site-body .navigation-banner {
}
#site-body .navigation-banner .navigation {
    float:left;
    width:420px
}
#site-body .navigation-banner .navigation ul, #site-body .navigation-banner .navigation ul li, #site-body .navigation-banner .navigation ul li a {
    float:left
}
#site-body .navigation-banner .navigation ul li a {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-repeat:no-repeat;
    color:#fff;
    font-size:14px;
    line-height:15px;
    text-align:center;
    font-family:roboto-light;
    text-shadow:1px 1px rgba(0, 0, 0, .25);
    transition:all 300ms ease 100ms;
    -webkit-transition:all 300ms ease 100ms
}
#site-body .navigation-banner .navigation ul li a:hover {
    border-color:#555;
    box-shadow:0 1px 25px rgba(0, 0, 0, .4) inset
}
#site-body .navigation-banner .navigation ul {
    margin-right:2px
}
#site-body .navigation-banner .navigation ul.last {
    margin-right:0
}
#site-body .navigation-banner .navigation ul li {
    margin-bottom:2px
}
#site-body .navigation-banner .navigation ul li.last {
    margin-bottom:0
}
#site-body .navigation-banner .navigation .col1, #site-body .navigation-banner .navigation .col1 li, #site-body .navigation-banner .navigation .col1 li a {
    width:175px
}
#site-body .navigation-banner .navigation .col1 li.mobile {
}
#site-body .navigation-banner .navigation .col1 li.mobile a {
    background-color:#ff8a00;
    //background-image:url(../images/nen/icon-mobile.png);
    background-image:url(../images/nen/dtdd.png);
	background-position:15px center;
    height:90px;
   padding:40px 10px 0 45px;
}
#site-body .navigation-banner .navigation .col1 li.mobile a:hover {
    background-position:125px center;
    padding-left:10px;
    padding-right:45px
}
#site-body .navigation-banner .navigation .col1 li.tablet {
}
#site-body .navigation-banner .navigation .col1 li.tablet a {
    background-color:#d9532d;
    background-image:url(../images/nen/mtbang.png);
    background-position:15px 0px;
    height:80px;
    padding:35px 10px 0 70px;
    text-align:left
}
#site-body .navigation-banner .navigation .col1 li.tablet a:hover {
    background-position:111px 0px;
    padding-left:10px;
    padding-right:70px
}
#site-body .navigation-banner .navigation .col1 li.laptop {
}
#site-body .navigation-banner .navigation .col1 li.laptop a {
    background-color:#b61b43;
    background-image:url(../images/nen/noithat.png);
    background-position:15px 0px;
    height:63px;
    padding:25px 10px 0 90px;
    text-align:left
}
#site-body .navigation-banner .navigation .col1 li.laptop a:hover {
    background-position:95px 0px;
    padding:25px 10px 0 15px
}
#site-body .navigation-banner .navigation .col2, #site-body .navigation-banner .navigation .col2 li, #site-body .navigation-banner .navigation .col2 li a {
    width:140px
}
#site-body .navigation-banner .navigation .col2 li a {
    padding:0 5px
}
#site-body .navigation-banner .navigation .col2 li.accessories {
}
#site-body .navigation-banner .navigation .col2 li.accessories a {
    background-color:#0084cc;
    background-image:url(../images/nen/apple.png);
    background-position:15px 0px;
    height:60px;
    padding-top:24px;
    padding-left:80px;
    text-align:left;
}
#site-body .navigation-banner .navigation .col2 li.accessories a:hover {
    background-position:75px 0px;
    padding-left:20px
}
#site-body .navigation-banner .navigation .col2 li.sim-card {
}
#site-body .navigation-banner .navigation .col2 li.sim-card a {
    background-color:#9f005d;
    background-image:url(../images/nen/camera.png);
    background-position:5px 0px;
    height:82px;
    padding-left:65px;
    padding-top:35px;
    text-align:left
}
#site-body .navigation-banner .navigation .col2 li.sim-card a:hover {
    background-position:90px 0px;
    padding-left:5px;
    padding-right:47px
}
#site-body .navigation-banner .navigation .col2 li.application {
    width:140px;
    margin-right:2px
}
#site-body .navigation-banner .navigation .col2 li.application a {
    background-color:#258905;
    background-image:url(../images/nen/dienmatroi.png);
    background-position:center 0px;
    height:92px!important;
    padding-top:65px;
    width:140px
}
#site-body .navigation-banner .navigation .col2 li.application a:hover {
    background-position:center 25px;
    padding-top:5px
}
#site-body .navigation-banner .navigation .col2 li.digital {
    width:68px
}
#site-body .navigation-banner .navigation .col2 li.digital a {
    background-color:#0f63a3;
    background-image:url(../images/nen/icon-camera.png);
    background-position:center 10px;
    height:73px;
    padding-top:40px;
    width:68px
}
#site-body .navigation-banner .navigation .col2 li.oldproduct {
    width:66px;
    margin-right:2px
}
#site-body .navigation-banner .navigation .col2 li.oldproduct a {
    background-color:#7fba00;
    background-image:url(../images/nen/tv.png);
    background-position:center 0px;
    height:92px;
    padding-top:55px;
    width:68px
}
#site-body .navigation-banner .navigation .col2 li.oldproduct a:hover {
    background-position:center 35px;
    padding-top:5px
}
#site-body .navigation-banner .navigation .col2 li.classified {
    width:68px
}
#site-body .navigation-banner .navigation .col2 li.classified a {
    background-color:#0084cc;
    background-image:url(../images/nen/icon-rao-vat-2.png);
    background-position:center 10px;
    height:73px;
    padding-top:40px;
    width:68px
}
#site-body .navigation-banner .navigation .col2 li.classified a:hover {
    background-position:center 44px;
    padding-top:10px
}
#site-body .navigation-banner .navigation .col2 li.digital a:hover {
    background-position:center 44px;
    padding-top:10px
}
#site-body .navigation-banner .navigation .col3 {
    width:101px
}
#site-body .navigation-banner .navigation .col3 li {
    width:101px
}
#site-body .navigation-banner .navigation .col3 li.promotion a{
background-image:url(../images/nen/caidat.png);
    background-position:0px 0px;
    height:61px;
    padding-top:23px;
    text-align:left;
    padding-left:50px;
}
#site-body .navigation-banner .navigation .col3 li.promotion:hover a{
   padding-left:10px;
    background-position:60px 0px;
}
#site-body .navigation-banner .navigation .col3 li.sim-card a{
background-image:url(../images/nen/tuvan.png);
    background-position:0px 0px;
    height:59px;
    padding-top:23px;
    text-align:left;
    padding-left:50px;
}
#site-body .navigation-banner .navigation .col3 li.sim-card:hover a{
   padding-left:10px;
    background-position:60px 0px;
}
#site-body .navigation-banner .navigation .col3 li.news a{
background-image:url(../images/nen/tintuc.png);
    background-position:0px 0px;
    height:59px;
    padding-top:23px;
    text-align:left;
    padding-left:50px;
}
#site-body .navigation-banner .navigation .col3 li.news:hover a{
   padding-left:10px;
    background-position:60px 0px;
}
#site-body .navigation-banner .navigation .col3 li.find-shop a{
background-image:url(../images/nen/dathang.png);
    background-position:0px 0px;
    height:54px;
    padding-top:18px;
    text-align:left;
    padding-left:42px;
}
#site-body .navigation-banner .navigation .col3 li.find-shop:hover a{
   padding-left:5px;
    background-position:60px 0px;
}
#site-body .navigation-banner .navigation .col3 li a {
    background-color:#e7e7e7;
    height:51px;
    padding-top:18px;
    width:101px;
    color:#666;
    text-shadow:none
}
#site-body .navigation-banner .navigation .col3 li.news {
    position:relative
}
#site-body .navigation-banner .navigation .col3 li.news .areacountnew {
    width:10px;
    height:12px;
    position:absolute;
    right:0;
    line-height:12px;
    background-color:red;
    padding:3px;
    font-weight:bold;
    font-size:11px;
    color:#fff;
    text-align:left;
}
#site-body .navigation-banner .banner {
    background-color:#eee;
    float:right;
    height:210px;
    width:540px
}
#site-body .navigation-banner .banner .banner-wrapper .arrow-wrapper {
    position:relative
}
#site-body .navigation-banner .banner .banner-wrapper .arrow-wrapper .left-arrow, #site-body .navigation-banner .banner .banner-wrapper .arrow-wrapper .right-arrow {
    position:absolute;
    top:83px;
    z-index:1000
}
#site-body .navigation-banner .banner .banner-wrapper .arrow-wrapper .left-arrow {
    left:0
}
#site-body .navigation-banner .banner .banner-wrapper .arrow-wrapper .right-arrow {
    right:0
}
#site-body .navigation-banner .banner .banner-wrapper {
}
#site-body .navigation-banner .banner .banner-wrapper .the-mask {
    height:210px;
    overflow:hidden;
    position:relative;
    width:540px
}
#site-body .navigation-banner .banner .banner-wrapper .the-mask .mask-left, #site-body .navigation-banner .banner .banner-wrapper .the-mask .mask-right {
    background:#000;
    background:rgba(0, 0, 0, .8);
    display:none;
    height:210px;
    position:absolute;
    top:0;
    width:95px;
    z-index:100
}
#site-body .navigation-banner .banner .banner-wrapper .the-mask .mask-right {
    right:0
}
#site-body .navigation-banner .banner .banner-wrapper .the-mask .image-wrapper {
    float:left;
    position:absolute;
    left:0;
    top:0;
    z-index:10
}
#site-body .navigation-banner .banner .banner-wrapper .the-mask .image-wrapper .img {
    float:left;
    height:210px;
    overflow:hidden;
    width:540px
}