/* Mobile Styles */
div#mobile {
    display: none;
}

div#default {
    display: block;
}

div.clear {
    clear: both;
}

@media screen and (max-width: 720px) {
    div#mobile {
        font: 100%/1.5 sans-serif;
        font-family: Arial, sans-serif;
        display: block;
        width: 100%;
    }
    
    div#default {
        display: none;
    }
    
    div#mobile h1,
    div#mobile h1 a {
        margin: 5px;
        text-align: center;
        padding: 0px auto;
        font-size: 90%;
    }
    
    div#mobile div#logo_image {
        width: 100%;
        margin: 0px auto 20px auto;
        text-align: center;
    }
    
    div#mobile div#logo_image img {
        width: 90%;
    }
    
    div#mobile div#mb_menus {
        margin: 0px auto 0px auto;
        padding: 0px;
        width: 90%;
        border: 2px solid #BBB;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }
    
    div#mobile ul.mb_nav {
        margin: 0px;
        padding: 0px;
        width: 100%;
        border: 0px;
        list-style: none;
    }
    
    div#mobile span.mb_label {
        font-size: 115%;
        padding: 5px 0px 5px 10px;
        background: white;
        display: block;
        font-weight: bold;
        border-top: 2px solid #BBB;
    }
    
    div#mobile span.first_label {
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        -webkit-border-radius-top-left: 15px;
        -webkit-border-radius-top-right: 15px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-top: 0px;
        padding-bottom: 10px;
    }
    
    div#mobile ul.mb_nav li {
        height: 1.1em;
        font-weight: bold;
        border-top: 2px solid #BBB;
    }
    
    div#mobile ul.mb_nav li:hover {
        cursor: pointer;
        background: #bbb;
    }
    
    div#mobile ul.mb_nav li.last_item {
        border-bottom: 0px;
    }
    
    /* PRODUCT LIST STYLES */
    div#mobile div.mobile_product {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        border: 2px solid #bbb;
        width: 90%;
        margin: 0px auto 10px auto;
        font-size: 100%;
    }
    
    div#mobile div.prod_page {
        padding-bottom: 0px;
    }
    
    div#mobile div.mobile_product h1 {
        font-size: 12px;
        font-weight: bold;
        margin: 0px;
        text-align: center;
    }
    
    div#mobile div.mobile_product img.prod_image {
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        -webkit-border-radius-top-left: 15px;
        -webkit-border-radius-top-right: 15px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom: 2px solid #bbb;
        width: 100%;
    }
       
    div#mobile div.mobile_product img.mobile_extra_img {
        border-top: 2px solid #bbb;
        width: 100%;
        margin-bottom:-10px;
    }
    
    div#mobile div.mobile_product a {
        margin: 0px;
        padding: 0px;
    }
    
    div#mobile div.mobile_product img.last {
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -webkit-border-radius-bottom-left: 15px;
        -webkit-border-radius-bottom-right: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top: 2px solid #bbb;
        width: 100%;
        margin:0px;
    }
    
    div#mobile div.mobile_product div.button {
        width: 40%;
        float: right;
        text-align: right;
        padding-right: 10px;
        font-weight: bold;
    }
    
    div#mobile div.mobile_product div.button input[type=image],
    div#mobile div.mobile_product div.button img {
        width: 50%;
    }
    
    div#mobile div.mobile_product div.length {
        width: 40%;
        float: left;
        padding-left: 10px;
        font-weight: bold;
    }
    
    div#mobile div.mobile_product p {
        padding: 10px;
        text-align: justify;
    }
    
    div#mobile div.mobile_product span.old_price {
        text-decoration: line-through;
    }
    
    div#mobile div.mobile_product span.special_price {
        color: red;
    }
}


@media screen and (max-width: 320px) {
    div#mobile div.mobile_product h1 {
        font-size: 90%;
        font-weight: bold;
        margin: 0px;
        text-align: center;
    }
    
    div#mobile span.mb_label {
        font-size: 100%;
    }
    
    div#mobile ul.mb_nav li {
        font-size: 90%;
        padding: 10px 0px 15px 25px;
    }
    
    div#mobile div.mobile_product {
        font-size: 80%;
    }
}

@media screen and (min-width: 321px) and (max-width: 480px) {
    div#mobile div.mobile_product h1 {
        font-size: 100%;
        font-weight: bold;
        margin: 0px;
        text-align: center;
    }
    
    div#mobile span.mb_label {
        font-size: 125%;
    }
    
    div#mobile ul.mb_nav li {
        font-size: 110%;
        padding: 5px 0px 15px 25px;
    }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
    div#mobile div.mobile_product h1 {
        font-size: 120%;
        font-weight: bold;
        margin: 0px;
        text-align: center;
    }
    
    div#mobile span.mb_label {
        font-size: 190%;
    }
    
    div#mobile ul.mb_nav li {
        font-size: 150%;
        padding: 5px 0px 15px 25px;
    }
    
    div#mobile div.mobile_product {
        font-size: 140%;
    }
}

/*@media screen and (min-width: 769px) and (max-width: 980px) {
    div#mobile span.mb_label {
        font-size: 250%;
    }
    
    div#mobile ul.mb_nav li {
        font-size: 220%;
        padding: 0px 0px 15px 25px;
    }
    
    div#mobile div.mobile_product {
        font-size: 200%;
    }
}*/