/**
 * shopp.css
 * Generic layout & styles for Shopp pages
 *
 * @author Jonathan Davis
 * @package shopp
 **/
/* Generic Shopp Styles */

/*
#billing-country, #billing-cardtype, #shipping-country {
height: 36px;
}

#firstname, #lastname, #phone, #email, #billing-address,  #billing-xaddress, #billing-city, #billing-state, #billing-postcode,
#billing-country, #billing-card, #billing-cardexpires-mm, #billing-cardexpires-yy, #billing-cardtype, #billing-cardholder, #billing-cvv,
#shipping-address, #shipping-xaddress, #shipping-city, #shipping-state, #shipping-postcode, #shipping-country {
	background-color:#000000;
	border:1px solid #EB7DC8;
	color:#EB7DC8;
	font-size:14pt;
	padding:5px;
}

label{
	padding: 2px 0 7px 0;
}
*/

/* html > body > div > div #shopWrap > div #post-3 .shop > div #shopp .catalog grid > div .category > h3 */


#shopp .submit { text-align: right; }
#shopp form { text-align: left; }
#shopp form.product ul.options { list-style: none; }
#shopp form ul { line-height: 1; }
#shopp form label { font-size: 14px; font-weight: bold;}
#shopp form ul li span label,
#shopp form div label { font-size: 11px; font-weight: normal; padding:6px 0px 4px 0px !important;}

#shopp form p{
float:left;
padding:0px;
}

#qty{
float:left;
padding:0px 3px;
}

#qty label{
float:left;
/*/font-size:14px !important;*/
/*font-weight:bold !important;*/
}


/* dr */
#productDetails #qty label{
/*float:left;*/
/*font-size:14px !important;*/
/*font-weight:bold !important;*/
padding-left: 5px;
}


#qty select{
float:left;
font-size:10px;
margin:0px 2px 0px 4px;
}

#shopp form .addtocart{
float:right;
font-weight:bold;
font-size:16px;
padding-bottom:3px;
font-family: Century Gothic, "Century Gothic", Tahoma, "Tahoma", Verdana, Arial, "Trebuchet MS", Myriad, Helvetica, sans-serif;
background-color:#EB7DC8;
width:110px;
height:33px;
border:none;
cursor:pointer;
-moz-border-radius: 6px;
border-radius: 6px;
}

#shopp form .variations label{
float:left;
padding-left:3px;
}

#shopp form .variations select{
float:left;
font-size:10px;
margin:0px 2px 0px 4px;
width:75px;
}

#shopp form .qty select{
float:left;
font-size:10px;
margin:0px 2px 0px 3px;
}

#shopp form .qty input{
float:right;
font-weight:bold;
font-size:16px;
padding-bottom:3px;
padding-top:1px;
font-family: Century Gothic, "Century Gothic", Tahoma, "Tahoma", Verdana, Arial, "Trebuchet MS", Myriad, Helvetica, sans-serif;
background-color:#EB7DC8;
width:110px;
height:33px;
border:none;
cursor:pointer;
-moz-border-radius: 6px;
border-radius: 6px;
margin-top:5px;
}

#shopp form .qty label{
float:left;
font-size:10px;
padding-left:3px;
}
/**
 * Catalog/Category
 **/
 
.frame h4{
font-size:18px;
background: transparent url(../images/3colTitleBar.gif) no-repeat scroll left top;

}

.frame h4 a{
color: #ffffff;
text-decoration:none;
display:block;
height:35px;
padding-top:9px;
}

.frame h4 a:hover{
color: #EB7DC8
}

.frame{

}

#prodImg{

}

.frame a#prodImg{
	display:block;
	padding:2px;
	background-color:#666666;
	margin:5px 0px 7px 0px;
	height:200px;
}

.frame a:hover#prodImg{
	background-color:#EB7DC8;
}

.frame .summary{
background: transparent url(../images/3colSubBar.gif) no-repeat top center;
color:#EB7DC8;
font-weight:bold;
height:18px;
padding:9px 10px 12px 10px;
}

.frame .summary em{
float:left;
font-style:normal;
font-size: 14px;
}

.frame .summary a{
font-size: 10px;
float:right;
color:#000000;
white-space:nowrap;
padding-top:2px;
}

.frame .summary a:hover{
text-decoration:none;
}

#shopp .category {
	position: relative; 
  /*border-bottom: solid 3px #666666;*/
}

#shopp .views { display: inline; position: absolute; right: 0; top: 0; }
#shopp .views button { border: none; background: none; width: 16px; height: 16px; padding: 4px; cursor: pointer; }
#shopp .views button:hover { background-color: #ebebeb;}
#shopp .views li { display: inline;  padding: 2px; }
#shopp .orderby { float: right; }

#shopp .category h3{ 
font-size:24px; 
text-align:left; 
padding:9px 3px 4px 3px; 
color:#EB7DC8 ;
background:#000000;
display: block;
/*border-bottom: solid 3px #666666;*/
margin-bottom: 0px;
}

#shopp .category .pagination{
font-size:12px
}

#shopp .category .pagination a{
font-size:14px;
color:#FFFFFF;
text-decoration:underline;
}

#shopp .category .pagination a:hover{
text-decoration:none;
}

#shopp .subcategories { padding: 10px 0; margin-bottom: 10px;}



#shopp .products li.row {
/*display:inline;*/
/*background:#000000 url(../images/ballherShopBlock.gif) no-repeat scroll center bottom;*/
background:#000000 url(../images/ballherShopBlock5.gif) no-repeat scroll center center;
height: 397px;
/*border-top: solid 3px #666666;*/
border-bottom: solid 3px #666666;
margin-bottom: 4px;
}

/*#shopp .products .frame {/*
/* Each product in a category has a containing frame */
#shopp ul.products li.product {
background:#000000;
padding:17px 8px 17px;
width:304px;
/*height: 500px;*/
}
#shopp ul.products li.product div.frame { 
	width:100%;
	}

#shopp ul.products li .name,
#shopp ul.products li .savings,
#shopp ul.products li .price { margin-top: 0; margin-bottom: 0; }
#shopp ul.products li .details { float: none; }

#shopp ul.products li .listview { display: none; }

#shopp ul.products img { display: block; }

#shopp .price { font-weight: bold; text-align:left; line-height: 1.5; margin: 0; clear:left; padding-left:5px; font-size:14px }
#shopp .original { text-decoration: line-through; }
#shopp .sale { font-size: 150%; }


#shopp #productDetails .price { font-size:28px; }

.filters.enabled a.cancel:before { content: "["; }
.filters.enabled a.cancel { font-weight: bold; }
.filters.enabled a.cancel:after { content: "]"; }

/* Product List View */
#shopp.list ul.products li { float: none; width: 100%; clear: both; padding-bottom: 10px;}
#shopp.list ul.products li.product {  border-bottom: 1px solid #ddd; }
#shopp.list ul.products li div.frame { width: 100%;  text-align: left; }
#shopp.list ul.products li img { float: left; margin-right: 10px; }
#shopp.list ul.products li .details { float: left; width: 65%;}
#shopp.list ul.products li .listview { display: block; }

#shopp ul.breadcrumb {color:#666666; font-size:10px; padding:0px 4px 8px 4px; background:#000000}
#shopp ul.breadcrumb li { background: none; padding: 0; display: inline; margin-left: 0; text-indent: 0; }
#shopp ul.breadcrumb li a{color:#666666}
#shopp ul.breadcrumb li a:hover{color:#ffffff}

#shopp ul.categories { float: left; margin-right: 20px; }
#shopp #new { float: left; width: 75%; }

/**
 * Product Pages
 **/

.product{
background:#000000 url(../images/ballherShopBlock.gif) repeat-y scroll center top;
}
 
#shopp .gallery .thumbnails li img{
border:solid 2px #000000;
}

#shopp form ul li{
float:left;
}

#prodTitle{
width:600px;
margin:0 auto 12px auto;
text-align:left;
}

#prodTitle h5{
background: #000000 url(../images/3colTitleBar.gif) no-repeat scroll left top;
color:#FFFFFF;
font-size:18px;
width:304px;
height:32px;
padding-top:9px;
margin-top:4px;
text-align:center;
}

#productWrap{
width:600px;
margin:0 auto;
background-color:#FFFFFF;
color:#000000;
padding-bottom:24px;
}

#productDetails{
text-align:left;
font-size:16px;
margin:0px 24px 0px 24px;
}

#productDetails p{
padding:12px 0px;
}

#productDetails .details{
font-size:12px;
}

#productDetails h3{
padding:8px 0px;
color:#EB7DC8;
}


#productDetails form{
clear:both;
}

.variations{
float:left;
display:inline;
width:auto !important;
}

#shopp .column { float: left; }
#shopp .column.first { width: 65%; }
#shopp .column.second { float: right; width: 35%; }

#shopp .original { text-decoration: line-through; }


#shopp form.product ul li,
#shopp form.product ul li label { clear: none; }

#shopp ul.variations label { display: block; }
#shopp dl { clear: both; }
#shopp dl dt { font-weight: bold; float: left; margin-right: 10px; clear: left; }
#shopp dl dd { display: block; clear: right; }

#shopp .gallery { margin: 0px }
#shopp .gallery ul.previews li.thumbnails ul { margin: 10px 0 10px 0; }
#shopp .gallery ul.previews li.thumbnails li { margin: 0 5px 0 0; }

#shopp .gallery .previews{
display:block;
margin:23px !important;
border:solid 2px #000000;
background:#000000;
}

#shopp .gallery .previews li{

}

#shopp .gallery .thumbnails{
display:block;
margin:0px 24px 0px 24px;
}

#shopp .gallery .previews li a{
display:block;
}

/**
 * Shopping Cart 
 **/
#shopp #cart { width: 100%; }
#shopp #cart table { padding: 10px 0; width: 100%; }
#shopp #cart th { text-align: left; font-weight: bold; }
#shopp #cart th, #shopp #cart td { padding: 3px; }
#shopp #cart .item { width: 50%; }
#shopp #cart .money, 
#shopp #cart .totals th,
#shopp #cart .buttons td { text-align: right; white-space: nowrap; }
#shopp #cart .totals.total th,
#shopp #cart .totals.total td { font-size: 130%; }
#shopp #cart .remove { font-size: 9px; }

#shopp #cart address { font-style: normal; }
#shopp #cart big { display: block; margin: 10px 0; }
#shopp #cart big a.right { float: right; }

/**
 * Checkout 
 **/
#shopp #shipping-methods { padding-left: 30px; }
#shopp #shipping-methods li { margin-top: 5px; }
#shopp #shipping-methods input { margin-left: -16px; }

#shopp #errors { color: #990000; }

#checkout ul li div label{
display:block;
padding:6px 0px 4px 0px !important;
}

/**
 * Order Receipt
 **/
#shopp #receipt { position: relative; margin: 20px 0; }
#shopp #receipt address { font-style: normal; }
#shopp #receipt fieldset { float: left; width: auto; width: 42%; padding: 10px; border: 1px solid #dadada; margin-bottom: 30px; }
#shopp #receipt fieldset.shipping { width: 42%; float: right; }
#shopp #receipt fieldset legend { display: block; color: #EB7DC8; }
#shopp #receipt table.transaction { clear: both; width: 100%; margin-bottom: 10px; }
#shopp #receipt table.transaction th { text-align: right; width: 80px; padding-right: 10px;}

#shopp #receipt .order { width: 100%; clear: both; border: none; }
#shopp #receipt td { border: none; }
#shopp #receipt th { font-weight: bold; text-align: left; border: none; }
#shopp #receipt th, 
#shopp #receipt td { padding: 3px 0; }
#shopp #receipt .order .item { width: 50%; }
#shopp #receipt .order .money, 
#shopp #receipt .order .total,
#shopp #receipt .order .buttons td { text-align: right; }
#shopp #receipt .order .totals.total th,
#shopp #receipt .order .totals.total td { font-size: 130%; }


input{
background:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:2px;
border:1px solid #666666;
}

label{
padding-top:3px;
}
select{
background:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:1px;
border:1px solid #666666;
}

#productDetails select{
background:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:1px;
border:1px solid #666666;
}

#productDetails .variations select{
background:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size:14px !important;
padding:1px;
border:1px solid #666666;
width: 135px !important;
}


#checkout-button{
background:#000000;
color:#EB7DC8;
border:1px solid #EB7DC8;
}
.clear{
clear:both !important;
height:1px;
line-height:1pt;
width:100%;
}