/**
 *
 * NOTICE OF LICENSE
 *
 * This file is subject to the license
 * that is bundled with this package in the file LICENSE_Temgra.txt.
 * If you did not receive a copy of the license, please send an email
 * to info@temgra.com so we can send you a copy immediately.
 *
 * @copyright Copyright (c) 2009-2011 by Tania Alekova, temgra.com - Templates and Graphics Online Store (http://www.temgra.com) - All rights reserved.
 * @license   http://www.temgra.com/license
 * 
 */
/* Color Custom Options */
.thumbnails-container {height: 560px; margin-top: 0; width: 360px;}
.thumbnails-tooltip {display:none;}
.thumbnails-container img {padding: 1px; border: 1px solid #fefefe; margin: 3px; width: 61px; height: 61px;}
.thumbnails-container img.selected {border: 2px solid silver;}
#shoecolor {left: 0px; top: 0px; z-index: 3;}
#heelcolor {left: 0; top: 0; z-index: 4;}
#backgroundcolor {left: 0px; top: 0px; z-index: 1;}
#backgroundtexture {left: 0px; top: 0px; z-index: 2;}

@media only screen and (max-width: 460px) {
	.thumbnails-container {height: 550px; margin-top: 0; width: 350px;}
	.thumbnails-container img {padding: 1px; border: 1px solid #fefefe; margin: 3px; width: 59px; height: 59px;}
}
@media only screen and (max-width: 362px) {
	.thumbnails-container {height: 460px; margin-top: 0; width: 287px;}
	.thumbnails-container img {padding: 1px; border: 1px solid #fefefe; margin: 3px; width: 47px; height: 47px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.thumbnails-container {height: 410px; margin-top: 0; width: 475px;}
	.thumbnails-container img {padding: 1px; border: 1px solid #fefefe; margin: 3px; width: 57px; height: 57px;}
}
	
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.thumbnails-container {height: 305px; margin-top: 0; width: 725px;}
	.thumbnails-container img {padding: 1px; border: 1px solid #fefefe; margin: 3px; width: 62px; height: 62px;}
}