/* 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');
}


/*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>li>a, .art-hmenu>li>a:link, .art-hmenu>li>a:visited, .art-hmenu>li>a.active, .art-hmenu>li>a:hover
{   
    font-family: 'Roboto Condensed', sans-serif, Tahoma;
    font-size:16px;
    font-weight:400;
}
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover
{
    font-family: 'Roboto Condensed', sans-serif, Tahoma;
    font-size:16px;
    font-weight:400;
}
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover
{
    font-family: 'Roboto Condensed', sans-serif, Tahoma;
    font-size:16px;
    font-weight:400;
}
.art-nav
{
    z-index:1010;
}
.tp-bannertimer
{
    display:none;
}
.art-hmenu a{
    white-space: nowrap;
 }
.art-postmetadataheader
{
    z-index:auto !important;
}
.art-menu-btn
{
    background-image:url('/UserFiles/images/layout/Menu-Button.png') !important;
    border:none !important;
    box-shadow:none !important;
    height:29px;
    width:96px !important;    
}
.art-nav .art-menu-btn span
{
    display:none;
}
.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*/

.hp-footer-heading { 
    font-family: 'Roboto Condensed', Tahoma, Arial, serif !important; 
    font-weight: 400; 
    color:#0d4da4 !important;
    margin-bottom: 15px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 8px;
}
.hp-footer-text {
    padding-bottom: 10px;
}
.hp-article-heading { font-family: 'Roboto', Arial, serif; font-weight: 100; margin:0px 0px 15px 0px }

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 #DC8F09; 
    }
.hp-product-image-box{
    width:100%;    
    height:200px;
}

.hp-product-image-box img{
    max-width:100%;
    max-height:200px;
}
.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:#07b6fe;
    font-family: 'Roboto Condensed', sans-serif, Tahoma;
    font-weight:400;
}
.hp-post-title-link a:hover
{
    color:#EEEEEE;
}
.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;
    }
}*/