/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.overview .product-name{
    overflow: hidden;
}

.previous-product,
.next-product {
	overflow: hidden;
    width: 49%;
    display: inline-block;
    margin: 15px 0;
}
.previous-product a,
.next-product a {
    display: block;
    border: 1px solid #ccc;
    border-radius: 0 3px 3px 0;
    box-shadow: inset 0 1px 0 #f6f6f6;   
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    text-shadow: 1px 1px 0 #fff;
    height: 37px;
    line-height: 37px;
    transition: all .2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.previous-product a {	
    padding: 0 10px 0 35px;
    border-radius: 3px 0 0 3px;
}

.next-product a {
	padding: 0 35px 0 10px;
    text-align: right;
}

.previous-product a .previous-product-label, 
.next-product a .next-product-label {
    display: none;
}

.previous-product a {
    background:url(img/prev.png) 3% no-repeat, 
        url(img/boxpad3.png) bottom repeat-x;
}
.previous-product a:hover{
    background:url(img/prev.png) 3% no-repeat, 
    url(img/boxpad3.png) top repeat-x;
}
.next-product a {
    background:url(img/next.png) 97% no-repeat, 
            url(img/boxpad3.png) bottom repeat-x;
}
.next-product a:hover{
    background:url(img/next.png) 97% no-repeat, 
        url(img/boxpad3.png) top repeat-x;
}


@media all and (max-width: 480px) {

    .previous-product a > span,
    .next-product a > span{
        display: none;
    }

    .previous-product a,
    .next-product a {
        width: 43px;
        height: 43px;
        padding: 0;
    }

    .previous-product a {        
        float: right;
        background:url(img/prev.png) center no-repeat, 
            url(img/boxpad3.png) bottom repeat-x;
    }
    .previous-product a:hover{
        background:url(img/prev.png) center no-repeat, 
        url(img/boxpad3.png) top repeat-x;
    }
    .next-product a {
        float: left;
        background:url(img/next.png) center no-repeat, 
             url(img/boxpad3.png) bottom repeat-x;
    }
    .next-product a:hover{
        background:url(img/next.png) center no-repeat, 
            url(img/boxpad3.png) top repeat-x;
    }

}