/* Font */
@font-face {
    font-family:menuFont;
    src: url('/fonts/uvf-museo500-regular.ttf');
}
@font-face {
    font-family:bodyFont;
    src: url('/fonts/uvf-museo300-regular.otf');
}

img {
    max-width: 100%;
}
/*Fix*/
body{
    min-width: 240px !important;  
    /*background-color:#000000 !important;*/
}

.art-sheet{
     min-width: 240px !important;     
     /*color:#DEDEDE !important;*/
}

.art-postheader
{
    font-family: 'Roboto Condensed', sans-serif, Tahoma;
    font-size:18px;
    font-weight:700;
}
.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a.active, .art-hmenu a:hover
{   
    font-family: 'Roboto Condensed', sans-serif, Tahoma;
    font-size:16px;
    font-weight:400;
}

.art-hmenu a{
    white-space: nowrap;
 }
.art-postmetadataheader
{
    z-index:auto !important;
}
.art-menu-btn
{
    width:30px !important;
}
.art-block, .art-vmenublock
{
    padding-top:10px;
    padding-bottom:5px;
    width:100% !important;
    margin-left:0px !important;
}
/*.art-postheader{
    font-family:menuFont, Tahoma,Verdana;
}
.art-postcontent{
    font-family:bodyFont, Tahoma,Verdana;
    margin-left:15px;
    margin-right:15px;
}
.art-post{
    margin-top:10px;
}*/
input[type="text"]
{
    padding:4px 10px;
}
.container-fluid
{
    max-width:1170px;    
}
/*End Fix*/

header
{
    /*background-color:#000;
    background-image:url('/Userfiles/Images/Banners/header-bg.jpg');
    background-position:center top;
    background-repeat:no-repeat;
    border-bottom:4px solid #afa9a7;*/
}
.hp-body
{
    background-color:#f3f2f0;
    background-image:url('/Userfiles/Images/Banners/bg.jpg');
    background-position:center top;
    background-repeat:repeat-y;
}
@media screen and (min-width: 768px)
{
    .hp-menu-box
    {
        margin-right:-28px !important;
        margin-top:30px;
    }
}

/* For Product*/
.hp-product-box
{
    padding:5px; 
    text-align:center; 
    border:1px solid #DDDDDD; 
    margin:0px 0px 15px 0px
}
    .hp-product-box:hover {
        border:1px solid #0f90c2; 
    }
.hp-product-image-box{
    width:100%;    
    height:130px;
}

.hp-product-image-box img{
    max-width:100%;
    max-height:130px;
}
.hp-product-name
{
    text-align: center;
    font-weight: bold;   
    padding:8px 0px;
    height:26px;
    overflow: hidden;    
}
.hp-product-old-price
{
    text-decoration:line-through;
    font-size:10pt;
}
.hp-product-price
{
    color:#EC3237;    
    font-size:1.3em;
}
.hp-product-tooltip-box
{
    border: 1px solid #CCC;
    border-radius: 8px !important;
    background-color: #FFFFFF;
    color: #000;
    width: 400px;
    box-shadow: 3px 3px 3px #666666; 
    padding:8px;
    z-index:1000;
}
.hp-product-tooltip-name
{
    background-color:#DDDDDD;
    height:30px;
    line-height:30px;
    padding:0px 0px 0px 8px;
    margin-bottom:8px;
    font-weight:bold;
    color:#DC8F09;
    font-size:1.2em;
}
.hp-product-tooltip-promotion-box
{
    background-color:#fbf6bf;
}
.hp-product-tooltip-heading
{
    height:26px;
    line-height:26px;
    font-weight:bold;
    font-size:1.2em;
    border-bottom:1px dashed #CCC;
}
.hp-product-tooltip ul, hero-product-tooltip li
{
    margin: 0px 0px 0px 20px;
    list-style-type: square;
}

/* Product Detail*/
.hp-product-image-small-box
{
    width:60px;
    float:right; padding-left:2%; 
}

.hp-product-image-big-box
{
    float:none; height:300px; padding:1px; border:solid 1px #CCCCCC; text-align:center; overflow:hidden;
}
.hp-product-image-big
{
    max-width:100% !important;
    max-height:300px !important;
    background-color:#fef9e4;
}
.hp-image-box-small
{
    margin: 2px !important;
    float: left;
    border: 1px solid #C0C0C0 !important;
    width: 50px;    
    
}
.hp-product-tab-border
{
    border-bottom: solid 1px #808080;
    border-left: solid 1px #808080;
    border-right: solid 1px #808080;
    padding: 8px 8px 8px 8px;
   
}
.hp-product-tab-bg
{
    background-color: #DADADA; /*
    border-right:solid 1px #828282;
    border-top:solid 1px #828282;
    border-left:solid 1px #828282; */
}
/* End For Product*/

/* For Post*/
.hp-post-title-link a
{
    color:#1D5A8B;
    font-family: 'Roboto Condensed', sans-serif, Tahoma;
    font-size:18px;
    font-weight:400;
}
.hp-post-title-link a:hover
{
    color:#333333;
}
.hp-post-hot-img-box
{
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 */
    position: relative;
    overflow:hidden;  
}
.hp-post-hot-img-box img
{
    max-width:100%;
    height:auto;
    position:absolute;
}
.hp-post-title-link-box
{
    background-image:url('/userFiles/images/Bullets/arrow.png');
    padding-left:10px;
    margin-bottom:10px;
    background-position:0px 6px;
    background-repeat:no-repeat;
    
}
.hp-hot-post-title-link-box
{
    background-image:url('/userFiles/images/Bullets/arrow.gif');
    padding-left:20px;
    margin-bottom:10px;
    background-position:0px 3px;
    background-repeat:no-repeat;
    
}
.hp-post-datetime
{
    color:#999999;
    font-size:0.9em;
}


/* ========== Contact Form ================*/
.hp-contact-form
{
    border: 4px solid #CCC;
    background-color: #FFFFFF;
    margin:6px auto !important;
    padding: 8px;
    display:inline-block;
}
.hp-contact-form th
{
    background-color: #EBEBEB;
    color: #808080;
    font-weight: bold;
    padding-left: 10px;    
    text-align:left;   
    height:30px;
}
.hp-contact-form td
{
    padding-left: 10px !important;
    color: #808080;
    height:30px;
}

.hp-maparea
{
    margin:6px 0px 0px 0px;
    border: solid 5px #CCC !important;
   /* border-radius:5px !important;*/
    height:400px !important;
}
/* Image */
.hp-img-responsive
{
    width:100%;
    height:auto;
    position:absolute;
}
/* Counter*/
.hp-counter-table {
    width: 100%;
}

.hp-counter-value {
    text-align: right;
}
.hp-counter-date {
    color:#BBBBBB;
    font-size:0.89em;
}
/* Banner */
.hp-banner-container{
    margin:0px 0px 0px 0px;
}
/*@media screen and (max-width: 360px)
{
    .hp-banner-container{
        display:none;
    }
}*/