/* Positions the cart's "default button" way off the screen to hide it, but keep it active */
#hidden-update { position: absolute; left: -999em; }
/*****************************************************************************

  Product Page Gallery

*****************************************************************************/
#shopp{
	font-size: 12px;
}
#shopp .gallery {
	display: block;
}

#shopp .gallery .previews {
	position: relative;
	margin: 0 auto;
	width: 240px;
}
#shopp .gallery .previews li {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
	margin: 0;
	display: block;
	text-align: center;
}

#shopp .gallery .previews li img {
	display: inline;
	vertical-align: middle;
	margin-top: -3px;
}

#shopp .gallery .previews li.fill {
	position: relative;
}
#shopp .gallery .previews li.active { 
	visibility: visible;
}
#shopp .gallery .thumbnails {
	text-align: center;
	margin: 0 auto;
}
#shopp .gallery .thumbnails ul {
	padding: 0;
}
#shopp .gallery .thumbnails li {
	position: relative;
	display: inline;
	visibility: visible;
	height: auto;	top: auto;
	left: auto;
	margin: 0 0 0 10px;
}
#shopp .gallery .thumbnails li.first {
	margin-left: 0;
}
#shopp .gallery .thumbnails li img {
	cursor: pointer;
}
div.hor-line{
	border-top: 1px solid #ccc;
	margin-top: 10px;
	height: 10px;
}
div.hor-line-tight{
	border-top: 1px solid #ccc;

	width: 200px;	
	margin: 0 auto;
	
	margin-top: -10px;
	height: 30px;
}
p.submit{
	text-align: center;
}

/*****************************************************************************

  Product Typographic Styles

*****************************************************************************/

h4 {
	color: #781E14;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}
h4.cart-header{
	text-align: right;
	font-weight: bold;
}
.center{
	text-align: center;
}

input[type=button]{
	width: auto;
	background: black;
	color: white;
}
#controls{
	text-align: center;
}
#shopp .images{
	text-align: center;
}

#shopp input.small{
	width: 20px;
}
#shopp span{
	margin-bottom: 12px;
}
p.status{

	font-size: 10px;
}
span.right{
	float: right;
}
#cart-items li{
	clear: both;
	margin-bottom: 6px;
}
input.qty{
	width: 20px;
}
#shopp-cart input[type=button]{
	width: 98px;
}
#cart-items li a{
	}
#shopp span.left{
	float: left;
	width: 214px;
}
#shopp span.right{
	float: left;
	margin-left: 10px;
	width: 214px;
}
.shopp th{
	font-size: 12px;
	text-transform: uppercase;
}
.remove{
	cursor: pointer;
}
#errors{
	display: none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window{font:bold 10px Arial,Helvetica,sans-serif;color:#666666;text-transform:uppercase;letter-spacing: -1px;}
#TB_secondLine{font:bold 10px Arial,Helvetica,sans-serif;color:#666666;}
#TB_window a:link{color:#ddd;background:#333;text-decoration:none;padding: 4px 7px 3px;margin: -3px 0 0 5px;}
#TB_window a:visited{color:#666666;}
#TB_window a:hover{color:#fff;background:#000;}
#TB_window a:active{color:#666666;}
#TB_window a:focus{color:#666666;}
#TB_window #TB_ImageOff:link{background:none;padding:0;margin:0;}
#TB_window #TB_ImageOff:hover{background:none;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url('../icons/macFFBgHack.png') repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
* html #TB_overlay{/* ie6 hack */
position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
#TB_window,#TB_load{position:fixed;background:#ffffff;z-index:102;color:#666666;display:none;border:4px solid #000;text-align:left;top:50%;left:50%;}
* html #TB_window{/* ie6 hack */
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;}
#TB_caption{height:25px;padding:7px 30px 10px 15px;float:left;}
#TB_closeWindow{height:25px;padding:7px 12px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position:fixed;display:none;height:208px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */text-align: center;}
* html #TB_load{/* ie6 hack */
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
* html #TB_HideSelect{/* ie6 hack */
position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
#TB_load img { display: inline; width: 32px; height: 32px; margin: 88px auto 0;}