/* Fonts for all titles */
h1, h2, h3, h4, h5, h6,
.phone,
.cat-name a.main_category,
.infoBox .infoBoxHeading,
.infoBox .infoBoxHeading a, .infoBox .infoBoxHeading a:hover,
#bestsellers_title, #brands_title,
.product .product-price .new_price,
#columnLeft .et_box_new .new_price{
    font-family: 'Roboto', sans-serif;    border: 0px solid #D7D7D7

}


/* Image change onMouseOver in product listings:
Show image on mouseover in product listing if a product has Big Image loaded in admin.
To disable such function uncomment style  */
.product .product-image-wrapper .roll_over_img{
    /* display:none !important */
}


/* html 5 effects */
#top_search .submit_button input,
.currency a, .language a,
.et_categ_box .cat-name a.main_category,
.newsletter_footer_submit button,
#shopping_cart_mini .button,
.shopping_cart .img_cart,
#back-top a,
.ls-glass .ls-nav-prev, .ls-glass .ls-nav-next,
.unishop_button, .unishop_submit,
.product_info_wrapper .add-to-cart-box .add-to-cart-button .unishop_button,
.rslides_nav{
    -webkit-transition: All 0.5s ease;    border: 0px solid #D7D7D7
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
}


#top_search .submit_button input:hover,
.shopping_cart .img_cart:hover,
.newsletter_footer_submit button:hover,
#shopping_cart_mini .button:hover,
.unishop_button:hover, .unishop_submit:hover,
.product_info_wrapper .add-to-cart-box .add-to-cart-button .unishop_button:hover{
    background-color:#999;    border: 0px solid #D7D7D7

}


/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 0px solid #888;
    margin:0px;	/* Set this to minus the border thickness. */
    background-color:#fff;
    cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
    font-family:Arial, Helvetica, sans-serif;
    position:absolute !important;
    background-color:#000;
    color:#fff;
    padding:0px;
    width:100%;
    text-align:center;
    font-weight:bold;
    top:0px;
bottom:0px;
left:0px;
right:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
    border:0px solid #ccc;
    overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
    color:white;
    background:#222;
    padding:0px;
    border:0px solid #000;
}

.cloudzoom_gallery .gallery_bigimg{
    margin-bottom:0px;
    border: 0px solid #D7D7D7
}
.cloudzoom_gallery .gallery_bigimg img{
    width:100%;
    height: auto; 
   border: 0px solid #D7D7D7

}

.cloudzoom_gallery .gallery_smallimg{
    float: left;
    margin: 0px 0px;
    overflow: hidden;
    width:88px;    border: 0px solid #D7D7D7

}

.cloudzoom_gallery .gallery_smallimg img{
    width:88px;
    height: auto;
    border: 0px solid #D7D7D7
}
.cloudzoom_gallery .gallery_smallimg_wrapper{
    margin-right: 0px ;
	border: 0px solid #D7D7D7

}

.cloudzoom_border{
    border: 0px solid #D7D7D7;
    float: none;
}

.gallery_note{
    text-transform: uppercase;
    padding:2px 0px 2px 0px;
    text-align: center;   
	border: 0px solid #D7D7D7

}


#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../jh_img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}