/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	@media only screen and (min-width: 768px) {
		.size-selector .slider li:hover {
			background: #f3f3f3;
			cursor: pointer;
		}
	}

	/* Smaller than 1400 (devices and browsers) */
	@media only screen and (max-width: 1399px) {
		header ul li.breadcrumb { display: none !important; }
		header ul li.breadcrumb.short { display: block !important; }
		.certificate .button { margin-top: 3px !important; }
		.certificate { height: 515px; margin-top: -232px; }
		.certificate textarea { height: 60px !important; font-size: 11px; margin-bottom: 0px !important; }
		.certificate .block { padding-bottom: 5px !important; }
		.preview-image .hint { top: auto !important; bottom: -60px !important; left: 50% !important; right: auto !important; }
		.preview-image { margin-bottom: 80px; }
	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		body { background-position: right top !important; }
		header { height: auto !important; margin: 0 !important; }
		header ul li.logo { clear: both; width: 100%; box-sizing: border-box; text-align: center; padding-left: 0; padding-right: 0; margin: 10px 0 0 0 !important; }
		header ul li.breadcrumb.short { clear: left; }
		header ul li, header ul li.totals { height: auto; border: none; margin-bottom: 10px; margin-top: 5px; padding-top: 5px; }
		header ul li.product { display: none;}
		header ul li label { display: none; }
		header ul li.cart img, header ul li.logo img { margin-top: 0; }
		header ul li.totals label { display: block; float: left; padding-right: 5px; font-size: 14px; }
		header ul li.totals .total { font-size: 14px !important; }
		header ul li.cart { position: absolute; top: 15px; right: 12px; padding: 0; margin: 0; }
		header .menu-toggle { display: block !important; }

		footer { position: relative; bottom: auto; padding-top: 20px; }

		.file-upload, .size-selector { position: relative; margin-top: 30px !important; }

		.product-selection > div { margin-bottom: 30px !important; }

		.crop-tool .crop-presets a { margin-bottom: 0 !important;  }
		.crop-tool .crop-presets a:first-child {
			display: block;
			width: 100%;
			padding: 8px 0;
			text-align: center;
			margin-left: 0;
			box-sizing: border-box;
			float: left;
			margin-bottom: 15px !important;
		}
		.crop-tool .crop-presets a:nth-child(2) { margin-left: 0; }

		.size-selector {
			width: 300px;
			margin: 30px auto !important;
			left: auto;
			height: auto;
		}
		.size-selector .slider-wrapper { padding: 10px 20px 25px 20px; }
		.size-selector .slider-wrapper .next-slide, .size-selector .slider-wrapper .prev-slide { display:none; }
		.size-selector .slider li { width: 100%; text-align: center; box-sizing: border-box; }
		.size-selector .slider li.unavailable { display: none; }

		#preview-image .hint { display:none; }
		.certificate { width: 300px !important; left: auto; margin: 40px auto 0 auto !important; position: relative !important; }
		.certificate .button { margin-top: 0 !important; }
		.certificate.cart .button { margin-bottom: 10px; }

		.finishing-panel { position: relative !important; height: auto; left: auto; top: auto; margin-top: 20px; border: solid 1px #FFFFFF; border-radius: 5px; width: 100%; padding-top: 20px; padding-bottom: 20px; }
		.finishing-panel ul { width: 100%; margin-bottom: 0; }
		.finishing-panel ul li { float: left; width: 127px; margin-left: 10px; }
		.finishing-panel .hint1, .finishing-panel .up, .finishing-panel .down { display: none; }
		.finishing-panel .handle { display: none; }
		.finishing-panel ul li[rel='shadowbox'] { clear: right; }
		.finishing-panel ul li[rel='shadowbox'] + li.shadowbox-color { clear: left; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.finishing-panel ul li { margin-left: 5px; }

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
	}