@charset "utf-8";
/* Details Page Styles */

div.detailGallery{
	width:307px;
	min-height:280px;
	padding:0;
	margin:0 20px 0 0;
	display:block;
	float:left;
}

div.details{
	width:373px;
	display:block;
	float:left;
	clear:right;
}

div.details h2.sku{
	padding:0;
	margin-bottom:0px;
}

.recmndItem{
	font-size:12px;
	width:140px;
	height: auto;
	padding:0;
	margin:0;
	display:block;
	float:left;
}

.recmndItem a{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	min-height:174px;
	padding:8px 4px 8px 4px;
	margin:0;
	display:block;
}

.recmndItem a span{
	text-decoration: underline;
	clear:both;
}

.recmndItem a:hover span{
	text-decoration:none;
}

.recmndItem img{
	margin:0 auto 10px auto;
	border:none;
	outline:none;
	display:block;
	clear:both;
}


/***************/
/*** Gallery ***/
/***************/

ul.gallery{
	background:none;
	width:57px;
	padding: 0 !important;
	margin:0 !important;
	float:left;
}
ul.gallery li{
	background:none;
	padding: 0 !important;
	margin:0 !important;
}

/* single tab */
.gallery li {
	width:54px;
	height:auto;
	padding:0;
	margin:0 0 6px 0;
	list-style:none !important;
	list-style-image:none !important;
	display:block;
}

/* link inside the tab. uses a background image */
.gallery a { 
	padding:0;
	margin:0 0 6px 0;
	border: solid 2px #fff;
	display:block;
}

.gallery a:active {
	outline:none;
	border: solid 2px #fff;
}

.gallery a:active img{
	outline:none;
}

/* when mouse enters the tab move the background image */
.gallery a:hover {
	border: solid 2px #990000;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.gallery .current, .gallery .current:hover, .gallery li.current a {
	cursor:default !important;
	border: solid 2px #990000;
}


/* initially all panes are hidden */ 
div.detailGallery .panes .pane {
	width:250px;
	display:none;
}

div.detailGallery .panes a{
	text-decoration:underline;	
}

div.detailGallery .panes div {
	display:none;
	text-align:center;
	vertical-align:middle;
	width:250px;
	height:250px;
	font-size:12px;
	background:#fff;
	background-image:none;
	padding:0px;
	margin-bottom:0px;
	border-top:0;
	float:left;
}

.panes div img {
	margin:0 auto 0 auto;
}

div.detailGallery a.viewLarge {
	padding:0px;
	margin-top:5px;
	display:block;
}