/*
    // ========================================== \\
   ||                                              ||
   ||            Product Page CSS                  ||
   ||                                              ||
    \\ ========================================== //
*/


#thumbs ul {
	height: auto;
	width: auto;
	list-style: none;
}

#thumbs ul.thumbs li {
	height: 100px;
	margin: 0px 5px 5px;
	float: left;
}

div.slideshow span.image-wrapper {
    display: block;
    left: 0;
    top: 0;
	
}

div.slideshow a.advance-link {
    display: block;
    text-align: right;
}


@media screen and (max-width: 770px) {
	div.slideshow a.advance-link {
		display: block;
		text-align: center;
	}
}
@media screen and (max-width: 450px) {
	div.slideshow a.advance-link {
		display: block;
		text-align: right;
	}
}

div.slideshow a.advance-link  img{
    margin:auto;
	width:auto;
}

div.slideshow img {
    vertical-align: middle;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none; 
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	width:450px;
    height : 50%;
}
@media screen and (max-width: 450px) {
	div.navigation {
	width:450px;
    height : 60%;
	}
}
@media screen and (max-width: 365px) {
	div.navigation {
	width:365px;
    height : 70%;
	}
}