﻿.body-gradient{
    background: #f2f4f7 url(../img/background_gradient.png) repeat-x top; 
    margin:0; 
    padding:0;
}

.body-gradient2{
    background: #f2f4f7 url(../img/background_gradient2.png) repeat-x top; 
    margin:0; 
    padding:0;
}

#mainTable{
    width:100%;
    max-width:960px;
    margin:0 auto;
}

#fixedDiv{
    width:100%;
    z-index:99; 
    background: url(img/background_gradient.png) repeat-x top;
}

.section-container{
    width: 100%; 
    max-width:800px; 
    margin:0 auto;
}

.menu-line{
    max-width:800px;
}

#TOP_LEFT{
    float:left;
    width:50%;
    padding-top:10px
}

#TOP_RIGHT{
    float:left;
    width:50%;
    padding-top:10px
}

#MIDDLE{
    padding-top: 33px;
}

#MIDDLE, #MIDDLE_2{
    width:61%;
    float:left;
}

#RIGHT, #RIGHT_2{
    width:37%;
    float:right;
    padding-left: 2%;
}

#wrap {
	width: 800px;
	margin: 0px auto;
	overflow: hidden;
	}

.big-one{
    width:800px;
}

@media (min-width: 781px) and (max-width: 1023px) {
    #mainTable{
        width:100%;        
        margin:0 auto;
    }

    .section-container{
        width: 100%;         
        margin:0 auto;
    }

    #wrap {
	    width: 100%	; 
        max-width:800px;  
	}

    .big-one{
        width:100%;
        max-width:800px;
    }

    .menu-line{
        max-width:100%;
    }

    .mm-item-link > img{
       
    }
}

@media (max-width: 780px) {

    #searchDivForBurger {
        display: block!important;
    }

    .tinakanw-atyxhma {
        font-size: 18px !important;
    }

    .increaseFont, .decreaseFont, a[href='javascript:window.print()']{
        visibility:hidden;
        display:none;
    }

    .menu-button{
        visibility:visible !important;
        display:block !important;
    }

    body{
        overflow-x:hidden !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }

    ul{
        padding: 0 !important;
    }

    #MIDDLE li{
        margin-left:15px;
    }

    .text, .whiteTitle, .text12{
        text-align:left !important; 
    }

    .hide-in-mobile{
        visibility:hidden !important;
        display:none !important;
    }

    #mainTable{
        width:100%;        
        margin:0 auto;
    }

    .mm-item-link > img{
        max-width: 100%;
    }

    #wrap {
	    width: 100%;	   
	}

    .big-one{
        width: 90%;
    }

    .menu-line{
        max-width: 100%;
    }

    #MIDDLE, #MIDDLE_2{
        width:100% !important;
        float:none !important;
        padding-top: 0 !important;
    }

    #RIGHT, #RIGHT_2{
        width:100% !important;
        float:none !important;
        padding-left: 0 !important;
    }

    #MIDDLE > div, #MIDDLE_2 > div{
        margin:0 auto;
    }

    #RIGHT > div, #RIGHT_2 > div{             
        width:100%;
        max-width:290px;
        margin:0 auto;  
        text-align: center;     
    }

    .default2-middle [id*='HTML'] img{
    }

     #RIGHT > table li{
         text-align:center !important;
     }

    /*BOTTOM HTML PORTLET*/
    .bottom-left{
        width:100% !important;
        float:none !important;        
    }

    .bottom-left > div{
       display:block !important;
       text-align:center;
    }

    .bottom-right{        
        width:100% !important;
        float:none !important;        
    }

    .bottom-vertical-image{
        display:none;
        visibility:hidden;
    }
    
    .footerText ,.footerText a, .homeTitle, .text,
    .text a, .title2, .currentMenu a{
        font-size:18px !important;
    }

    /*TOP*/
    #menuContainer{
        display:none;
        visibility:hidden;
    }

    .big-one-container{        
        visibility: hidden;
        display:none;
    }

    .big-one-container-mobile{
        visibility:visible !important;
        display:block !important;
    }

    div[id*='CarouselListMobile'] > div{
        margin-bottom:25px;
    }

    #product-thumbs-list{
        visibility:hidden;
        display:none;
    }

    li.product-thumbnail{
        width:100% !important;
    }

    .ticker-container{
        display:none;
        visibility:hidden;
    }

    #TOP_LEFT{
        width:100% !important;
        float: none !important; 
        margin-bottom:20px;       
    }

    #TOP_RIGHT{
        width:100% !important;
        float: none !important;        
    }

    #TOP_LEFT div{
        max-width:145px;
        margin:0 auto;
    }

    #TOP_RIGHT > div{
        width:280px;
        margin:0 auto;
        text-align:center !important;
    }

    /*HOME INFO HTML PORTLET*/
    .home-info, .inner-info {
        width:100% !important;
        float: none !important;
    }

    .home-info table, .home-info td{
        text-align:center;
    }

    .home-info:first-child{
        margin-bottom:20px;
    }

    .page-path td, .page-path a{
        font-size:18px !important;
    }

    td.homeTitle, td.title, td.pagePath{
        text-align: -webkit-center !important;
        text-align: :center !important;;
    }

    .menu-titles-bg{
        /*background: url(../img/carousel/menu-titles-stripe.png) repeat-x !important;*/
        background:none !important;
        
        text-align:center !important;
    }

    .menu-titles-bg .homeTitlePlus{        
        text-align:center !important;
    }

    .menu-titles-bg .homeTitlePlus a{
        font-size:18px !important;        
    }

    .prd-title-tbl{
        width:100%;
    }

    /*.body-gradient{
        background:none !important;
        background-color:#f2f4f7;
        font-size:20px;
    }*/

    [src*='tvspot_side.png']{
        visibility:hidden;
        display:none;
    }

    [id*='PathTD']{
        visibility:hidden;
        display:none;
    }

    td{
        white-space:normal !important;
    }

    .mobile-bck{
        background-color: rgba(0, 0, 0, 0.1);
    }

    #boardHtml div{
        text-align:left !important;
        width:90% !important;
    }
}
