/* Image Gallery & Thumbnails
--------------------------------------------------------------------------- */

body.product h6 {
	color: #999;
	font-weight: normal;
}
	
	body.product h6 a {
		color: #999;
	}

/* Image Gallery & Thumbnails
--------------------------------------------------------------------------- */

body.product #gallery {
	height: 593px;
	overflow: hidden;
	position: relative;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,0.1);
	background-color: #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
}
	
	body.product #gallery a,
	body.product #gallery img {
		display: block;
	}
	
	body.product #gallery ul {
		margin: 0;
		float: left;
		overflow: hidden;
		list-style: none;
	}
	
		body.product #gallery ul.thumbs {
			width: 61px;
			height: 593px;
			border-right: 1px solid #999;
			-webkit-border-radius: 4px 0 0 4px;
			-moz-border-radius: 4px 0 0 4px;
			border-radius: 4px 0 0 4px;
		}
		
			body.product #gallery ul.thumbs li {
				width: 61px;
				height: 65px;
				line-height: 65px;
				overflow: hidden;
				text-align: center;
				vertical-align: middle;
				border-bottom: 1px solid #999;
				background: url(/images/elements/sitewide/angled-lines.png) top left repeat #eee;
			}
		
				body.product #gallery ul.thumbs li a {
					width: 100%;
					height: 100%;
					display: block;
					overflow: hidden;
					position: relative;
					background-image: none;
					padding: 0;
				}
					
					body.product #gallery ul.thumbs li a.video {
						background-color: rgba(0,0,0,0.2);
						background-position: center center;
						background-repeat: no-repeat;
						background-size: 80%;
						-webkit-transition: all 100ms ease-out;
						-moz-transition: all 100ms ease-out;
						transition: all 100ms ease-out;
					}
					
						body.product #gallery ul.thumbs li a.video:hover {
							background-color: rgba(0,0,0,0.3);
							background-size: 90%;
						}
					
					body.product #gallery ul.thumbs li a.video span {
						width: 100%;
						height: 100%;
						opacity: 0.7;
						position: absolute;
						top: 0; left: 0;
						background: url(/images/elements/product/icon-video-play.png) center center no-repeat;
						-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
						-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
						box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
					}
					
						body.product #gallery ul.thumbs li a.video:hover span {
							opacity: 1;
						}
		
		body.product #gallery ul.images {
			width: 556px;
			height: 593px;
			position: relative;
		}
		
			body.product #gallery ul.images li {
				width: 556px;
				height: 593px;
				overflow: hidden;
				position: absolute;
				top: 0; left: 0;
				background: url(/images/elements/sitewide/angled-lines.png) top left repeat #eee;
			}
		
		body.product #gallery ul.social {
			height: 63px;
			padding: 5px;
			float: right;
			position: absolute;
			z-index: 1;
			top: 5px; right: 5px;
			border: 1px solid rgba(0,0,0,0.1);
			background-color: rgba(255,255,255,0.2);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
			-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
		}
		
			body.product #gallery ul.social li {
				float: right;
				overflow: hidden;
				margin-left: 5px;
			}

				body.product #gallery ul.social li.pinterest { width: 50px; height: 60px; margin-top: 3px; margin-left: 0; }
			
				body.product #gallery ul.social li.google { width: 50px; height: 60px; margin-top: 3px; margin-left: 0; }
				
				body.product #gallery ul.social li.facebook { width: 48px; height: 62px; margin-top: 1px; }
				
				body.product #gallery ul.social li.twitter { width: 55px; height: 62px; margin-top: 1px; }



/* Brand Image
--------------------------------------------------------------------------- */

body.product .well.image {
	height: 46px;
	padding: 8px;
}

	body.product .well.image a.image {
		width: auto;
		height: 34px;
		display: block;
		line-height: 30px;
	}
	
		body.product .well.image a.image img {
			max-height: 34px;
		}



/* Shipping & Returns
--------------------------------------------------------------------------- */

body.product .well.shipping, body.product .well.returns {
	font-size: 12px;
	padding-left: 40px;
	background-position: 0 5px;
	background-repeat: no-repeat;
}

	body.product .well.shipping {
		background-image: url(/images/elements/product/icon-shipping-new-white.png);
	}
	
		body.product .well.shipping table {
			width: 257px;
			margin: 0 -8px 0 -10px;
		}
		
			body.product .well.shipping table th:first-child, body.product .well.shipping table td:first-child {
				padding-left: 17px;
			}
	
	body.product .well.returns {
		background-image: url(/images/elements/product/icon-returns-new-white.png);
	}
	
		body.product .well.shipping div, body.product .well.returns div {
			padding-left: 10px;
			border-left: 1px solid #ccc;
		}



/* Product Price
--------------------------------------------------------------------------- */

body.product .well.price {
	text-transform: uppercase;
}

/* Price, Sale & Savings */
	
	body.product .well.price dt.price {
		height: 36px;
		color: #333;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
		
		body.product .well.price.sale dt {
			color: #cd1c00;
		}
		
		body.product .well.price dt.price sup {
			top: -0.8em;
			font-size: 50%;
		}
		
		body.product .well.price dt.price strong {
			font-size: 36px;
			line-height: 36px;
			float: left;
			margin-right: 10px;
		}
		
		body.product .well.price dt.price em, body.product .well.price dt.price mark {
			font-size: 14px;
			display: block;
			font-style: normal;
		}
		
			body.product .well.price dt.price mark {
				color: #444;
				text-decoration: line-through;
				background-color: transparent;
			}
	
/* Free Shipping */	
	
	body.product .well.price dt.shipping {
		cursor: default;
		color: white;
		width: 80px;
		float: right;
		padding: 5px;
		margin: 3px -8px 0 0;
		font-size: 11px;
		font-weight: normal;
		line-height: 11px;
		background-color: #0096c8;
		-webkit-border-radius: 4px 0 0 4px;
		-moz-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
		-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
		body.product .well.price dt.shipping span {
			height: 22px;
			font-size: 14px;
			line-height: 22px;
			float: left;
			margin-right: 3px;
		}
	
/* Shipping Stocks & Currencies */
	
	body.product .well.price dd {
		display: block;
		font-size: 12px;
		font-weight: 500;
	}
		
		body.product .well.price dd.stock {
			color: #999;
			float: left;
			cursor: default;
		}
		
			body.product .well.price dd.stock span {
				color: #048d49;
			}
			
			body.product .well.price dd.stock em {
				font-style: normal;
			}
			
				body.product .well.price dd.stock em strong {
					color: #cd1c00;
					font-weight: inherit;
				}
		
		body.product .well.price dd.currency {
			text-align: right;
		}
			
			body.product .well.price dd.currency a {
				text-decoration: underline;
			}



/* Product Details List
--------------------------------------------------------------------------- */
	
	body.product ul.details {
		list-style: none;
		margin: 0!important;
	}
	
		body.product ul.details li {
			width: 50%;
			height: 30px;
			float: left;
			font-size: 13px;
			line-height: 13px;
			text-indent: 36px;
			margin-bottom: 15px;
			background-position: top left;
			background-repeat: no-repeat;
		}
			
			body.product ul.details li span {
				height: 1.1em;
				color: #333;
				display: block;
				margin-right: 6px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-weight: bold;
				margin-bottom: 5px;
			}
			
			body.product ul.details li span.attribute {
				height: 1.1em;
				color: #333;
				display: block;
				margin-right: 6px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-weight: 300;
				margin-bottom: 5px;
			}
			
			body.product ul.details li.material {
				background-image: url(/images/elements/product/icon-material.png);
			}
			
			body.product ul.details li.weight {
				background-image: url(/images/elements/product/icon-weight.png);
			}
			
			body.product ul.details li.warranty {
				background-image: url(/images/elements/product/icon-warranty.png);
			}
			
			body.product ul.details li.volume {
				background-image: url(/images/elements/product/icon-volume.png);
			}
			
			body.product ul.details li.external {
				background-image: url(/images/elements/product/icon-external.png);
			}
			
			body.product ul.details li.laptop-compartment {
				background-image: url(/images/elements/product/icon-laptop-compartment.png);
			}



/* This Bag to Scale
--------------------------------------------------------------------------- */

	body.product dl.scale, body.product dl.scale dt, body.product dl.scale dd {
		width: 100%;
		float: left;
		height: 180px;
		line-height: 180px;
		margin: auto auto;
	}
		
		body.product dl.scale img {
			display: block;
		}
		
		body.product dl.scale dt {
			width: 65%;
			float: right;
			text-align: left;
		}
		
		body.product dl.scale dd {
			width: 35%;
		 	text-align: right;
		 	position: relative;
		}
		
			body.product dl.scale dd span {
				display: block;
				position: absolute;
				bottom: 0; right: 5px;
			}



/* Will my laptop fit?
--------------------------------------------------------------------------- */

#laptop-fit-wrapper, #laptop-fit-wrapper li {
	height: 130px;
	list-style: none;
	margin: 0 0 28px;
}
	
	#laptop-fit-wrapper .grid_5 { width: 400px; }
	#laptop-fit-wrapper form { height: 100px; }
	
	#laptop-fit-wrapper .well {
		height: 100px;
		border-left: 0;
		text-align: center;
		-webkit-border-radius: 0 4px 4px 0;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}
		
		#laptop-fit-wrapper .well.loading { background-image: url(/images/elements/sitewide/loading.gif); }
		#laptop-fit-wrapper .well.success { color: white; background: url(/images/elements/sitewide/background-success-light.png) 350px 50px no-repeat #048d49; }
			#laptop-fit-wrapper .well.success h4 { color: white; font-size: 24px; letter-spacing: -1px; }
		#laptop-fit-wrapper .well.error { color: white; background: url(/images/elements/sitewide/background-error-light.png) 350px 50px no-repeat #cd1c00; }
			#laptop-fit-wrapper .well.error h4 { color: white; }
			#laptop-fit-wrapper .well.error table { margin-top: -5px; }
		#laptop-fit-wrapper .well.success a, #laptop-fit-wrapper .well.error a { color: white; font-weight: bold; text-decoration: underline; }
		
		#laptop-fit-wrapper .well table { width: 400px; margin: 0 -8px; }
			#laptop-fit-wrapper .well table th { padding-left: 25px; }
			#laptop-fit-wrapper .well table td { padding-right: 25px; }
			#laptop-fit-wrapper .well table small { color: rgba(255,255,255,0.8); display: block; }
				#laptop-fit-wrapper .well table small.center { text-align: left; padding-left: 18px; }

#laptop-fit {
	color: white;
	padding: 9px;
	margin: auto auto;
	text-align: center;
	text-shadow: 0 0 2px rgba(0,0,0,0.2);
	line-height: 1.2em;
	background-color: #ff9600;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 0 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
	
	#laptop-fit a {
		color: white;
		font-weight: bold;
		text-decoration: underline;
		display: inline;
	}
	
	#laptop-fit .hide {
		display: none;
	}
	
	#laptop-fit aside {
		width: 99px;
		height: 58px;
		display: block;
		overflow: hidden;
		margin: auto auto 3px;
	}
	
		#laptop-fit aside img {
			display: block;
			margin: auto auto;
		}
	
	#laptop-fit select {
		width: 100%;
		display: block;
		border-color: #ff9600;
	}



/* Other Product Elements
--------------------------------------------------------------------------- */
	
	body.product article iframe {
		margin: 10px -1px -1px;
		border: 1px solid #ccc;
		background: url(/images/elements/sitewide/angled-lines.png) top center fixed #ddd;
	}
	
	#read-more {
		width: 160px;
		height: 30px;
		text-align: center;
		display: block;
		opacity: 0;
		filter: alpha(opacity=0);
		position: fixed;
		z-index: 9999;
		bottom: -50px;
		left: 50%;
		margin-left: -90px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 -3px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 -3px 10px rgba(0,0,0,0.2);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 -3px 10px rgba(0,0,0,0.2);
	}
		
		#read-more.visible {
			opacity: 1;
			filter: alpha(opacity=100);
			bottom: -5px;
		}
	
	#related ul {
		/* min-height: 130px; */
		list-style: none;
		margin: 0 -10px 0 0;
	}
	
		#related ul li {
			width: 52px;
			height: 54px;
			float: left;
			overflow: hidden;
			margin: 0 10px 10px 0;
			position: relative;
		}
			
			#related ul li a {
				display: block;
				background-position: center;
				background-repeat: no-repeat;
			}
			
			#related ul li img {
				width: 100%;
				display: block;
				overflow: hidden;
				-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
				-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
				box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}
	
	#form_signup_2 {
		height: 60px;
	}
	
	#instapics {
		margin-bottom: 20px;
	}
	
	#instapics ul {
		/* min-height: 130px; */
		list-style: none;
		margin: 0px -10px 0px 0px;
	}
	
		#instapics ul li {
			width: 93px;
			height: 93px;
			float: left;
			overflow: hidden;
			margin: 0 10px 10px 0;
			position: relative;
		}
			
			#instapics ul li a {
				display: block;
				background-position: center;
				background-repeat: no-repeat;
			}
			
			#instapics ul li img {
				width: 100%;
				display: block;
				overflow: hidden;
				-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
				-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
				box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}



/* jQuery Tipsy Tooltips
--------------------------------------------------------------------------- */

div.tipsy { font-size: 10px; line-height: 1em; position: absolute; padding: 5px; z-index: 100000; }
	div.tipsy-inner { background-color: black; color: white; max-width: 300px; padding: 5px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	div.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed black; }
	div.tipsy-arrow-n { border-bottom-color: black; }
	div.tipsy-arrow-s { border-top-color: black; }
	div.tipsy-arrow-e { border-left-color: black; }
	div.tipsy-arrow-w { border-right-color: black; }
	div.tipsy-n div.tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
	div.tipsy-nw div.tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
	div.tipsy-ne div.tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
	div.tipsy-s div.tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	div.tipsy-sw div.tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	div.tipsy-se div.tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	div.tipsy-e div.tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
	div.tipsy-w div.tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }