/* EDIT THESE STYLES TO CHANGE YOUR TEMPLATE VIEW */

/* BG Pattern: Uncomment code and choose one of 8 patterns */
body{
    /*
        background-image: url(../unishop_images/bg_patterns/pattern_1.png);
        background-image: url(../unishop_images/bg_patterns/pattern_2.png);
        background-image: url(../unishop_images/bg_patterns/pattern_3.png);
        background-image: url(../unishop_images/bg_patterns/pattern_4.png);
        background-image: url(../unishop_images/bg_patterns/pattern_5.png);
        background-image: url(../unishop_images/bg_patterns/pattern_6.png);
        background-image: url(../unishop_images/bg_patterns/pattern_7.png);
        background-image: url(../unishop_images/bg_patterns/pattern_8.png);
    */
}

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


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


/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 4px solid #888;
    margin:-4px;	/* 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:3px;
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:10px;
    top:0px;
}

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

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

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

.cloudzoom_gallery .gallery_smallimg{
    float: left;
    margin: 0px 5px 5px 0px;
    overflow: hidden;
    _width:88px
}

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

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

.gallery_note{
    text-transform: uppercase;
    padding:15px 0px 18px 0px;
    text-align: center
}


#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(../unishop_images/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 */
}