/*
Theme Name: Storefront Instant
Theme URI: http://www.storefrontthemes.com
Description: Storefront Instant delivers your products immediately to your customers, giving instant access to category browsing.
Author: George Ortiz and Matt Jones
Version: 1.1
Tags: two-columns, fixed-width, mutliple colors, wp ecommerce, storefront
*/

html, body, h1, h2, h3, h4, h5, h6, p, ol {margin:0px;padding:0px;}
html {background:#1b1b1b;}
body {background:#f6f6f6;font-family:Arial, Helvetica, sans-serif;background-image:repeat;font-size:12px;color:#787777;}
.clear {clear:both;}
img,#products_page_container .wpcart_gallery img, .product_grid_display .product_grid_item img.product_image {border:3px solid #e8e8e8;}
.product_grid_display .product_grid_item img.product_image {border:3px solid #e8e8e8!important;}

h1, h2, h3, h4, h5, h6, a, p {margin:10px 0px 10px 0px;color:#333333;}
p {font-size:12px;line-height:1.7em;color:#787777;padding-bottom:10px;}
a {color: #0072af;}
.home-prod-desc {font-size:12px;line-height:1.7em;color:#787777;padding-bottom:10px;}
small {font-size:11px;line-height:1.7em;color:#787777;padding-bottom:10px;}
.hr {background:#e0e0e0;height:1px;width:100%;border-bottom:1px solid #FFFFFF;margin:10px 0px 10px 0px;}
ul {padding:10px 40px;font-size:14px;}
ul li {line-height:1.6em;list-style-type:disc;}
ol {padding:10px 40px;font-size:14px;}
ol li {line-height:1.6em;list-style-type:decimal;}
blockquote {font-style:italic;font-size:14px;margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}
.alignright {float:right;}
.alignleft {float:left;}

a, input[type="submit"],button {cursor:pointer;}
input, textarea, select {
padding:5px;
color:#333333;
border:2px solid #e8e8e8;
background:url("images/input-bg.png") repeat-x top left #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#efefef;
}
button.remove_button {
padding:5px;
color:#333333;
border:2px solid #e8e8e8;
background:url("images/input-bg.png") repeat-x top left #fff;
font-family:Arial, Helvetica, sans-serif;
}
input.button {
padding:5px;
border:2px solid #e8e8e8;
background:#efefef;
cursor:pointer;
}
h1 {font-size:30px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
/*============================================================*/
/*=========================== Header =========================*/
/*============================================================*/
a.logo {float:left;border:none;}
a.logo img{border:0px;}
#header-info {
float:right;
width:auto;
height:30px;
color:#555555;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:10px;
margin-right:10px;
}
#header-info img.cart{
border:0px;
padding:0px;
margin:1px 7px 0px 0px;
float:left;
}
#header-info a{
color:#555555;
text-decoration:none;
}
#header-info a:hover{
color:#555555;
text-decoration:underline;
}
/*============================================================*/
/*=========================== Search =========================*/
/*============================================================*/
.search-wrapper
{
    float:right;
	width:160px;
	height:auto;
	margin-top:33px;
}
input.search
{
    background:url("images/searchfield_middle.png") repeat-x;
	width:110px;
	height:19px;
	border:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	padding:0px;
}
.searchend
{
    background:url("images/searchfield_rightcap.png") no-repeat;
	width:10px;
	height:19px;
	float:left;
}
.search-btn
{
    background:url("images/searchfield_leftcap.png") no-repeat;
	width:20px;
	height:19px;
	float:left;
	border:none;
	cursor:pointer;
}
/*============================================================*/
/*========================= Navigation =======================*/
/*============================================================*/

#main-nav {list-style-position:outside; position:relative; z-index:100;font-family:Arial, Helvetica, sans-serif;
	width:700px;height:25px;
	margin-bottom:15px;float:left;padding:0px;margin-left:-10px;}
#main-nav a:link, #main-nav a:active, #main-nav a:visited {display:block; padding:5px 20px 6px; text-decoration:none;}
	#main-nav a {}
	#main-nav li {list-style-type:none;padding:0px 0px;}
	#main-nav li li a:link, #main-nav li li a:active, #main-nav li li a:visited {font-weight:normal;}
#main-nav li {float:left; position:relative;padding:0px;}
#main-nav li:hover a {background:#fff;}
#main-nav ul {position:absolute; width:200px; background:#FFFFFF; display:none; margin-top:-10px; padding:0px;}
#main-nav li ul a {width:160px; float:left; color:#333; margin:0px;}
#main-nav li ul a:hover {float:left; color:#fff; background:#0176be;}
#main-nav ul ul {top:auto;}
#main-nav li ul ul {margin:0px 0 0 200px;}

#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul {display:none;}
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul {display:block;}

#main-nav a
{
	color:#333333;
	font-size:13px;
	padding: 0px 20px;	
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#main-nav a:hover 
{
	color:#0176be;
	text-decoration: none;
	background:#FFFFFF;
}
#main-nav li.current_page_item a
{
    color:#0176be;
}
/*============================================================*/
/*========================== Widgets =========================*/
/*============================================================*/
.widget {padding-bottom:10px;}
/*============================================================*/
/*=========================== Post ===========================*/
/*============================================================*/
.post, .sidebar {margin-top:25px;}
h2 a {text-decoration:none;}
.wp-caption {text-align:center; background:#e8e8e8;}
.wp-caption p {margin:0; padding:0;margin-bottom:5px;}
/*============================================================*/
/*========================== Comments ========================*/
/*============================================================*/
#comments {margin-top:20px;}
#comments a.comment-edit-link{
font-size:11px;
text-decoration:none;
margin:0px;
padding:0px;
}
li.comment {

}
ul.commentlist {
padding-left:0px;
}
ul.commentlist li {
list-style-type:none;
padding:10px 0px 10px 0px;
border-bottom:1px dashed #e0e0e0;
margin-bottom:10px;
}
ul.commentlist li .avatar {
float:left;
margin-right:10px;
}
ul.commentlist li .comment-head {
float:left;
}
span.name a {
margin:0px;
padding:0px;
font-size:14px;
font-weight:bold;
float:left;
text-decoration:none;
}
span.date {
margin:0px;
padding:0px;
font-size:11px;
float:left;
color:#787777;
}
.comment-head {
margin:0px;
padding:0px;
margin-left:10px;
float:left;
}
.comment-entry {
margin:0px;
padding:0px;
margin-left:10px;
float:left;
}
.comment-entry p {
margin:0px;
padding:0px;
width:400px;
}
form#commentform input {
font-size:12px;
border:2px solid #e8e8e8;
}
form#commentform label {
font-size:12px;
font-style:italic;
}
/*============================================================*/
/*====================== Home Categories =====================*/
/*============================================================*/
.carousel ul {padding:0px;color:#333333;font-size:14px;}
.carousel ul li {line-height:1.6em;list-style-type:disc;}
.home-cat {margin:0px auto;height:auto;margin-top:25px;overflow:hidden;position:relative;}
.home-cat h1 {margin-left:10px;}
.home-prod {float:left;height:auto;margin-right:55px;padding-bottom:20px;}
.home-prod p{padding:0px;}
a.arrow{float:right;position:absolute;right:0; top:50%;background:url("images/arrow.png") no-repeat;border:none;width:14px;height:37px;cursor:pointer;}
h4.home-prod-price span {float:right;text-align:right;}
h4.home-prod-price span a {text-decoration:none;color:#676666;text-transform:uppercase;font-size:12px;}
li.home-prod input.wpsc_buy_button {margin-top:-5px;width:135px;height:34px;}

/*============================================================*/
/*=========================== Footer =========================*/
/*============================================================*/
.footer {background:#1b1b1b;width:100%;height:200px;margin-top:50px;padding-top:20px;margin-bottom:20px;}
.footer h3 {color:#888;}
.footer p {color:#888;}
.footer .widget li {border-color:#888;}
.footer .hr {background:#888;height:1px;width:100%;border-bottom:0px solid #202020;margin:10px 0px 10px 0px;}
.footer .meta {font-size:11px;color:#888;padding:0px 10px 10px 10px;}
.footer a {color:#888;}
.footer ul {color:#666;}



/* remove extra cart items from cart nav button */
#main-nav-cart table.shoppingcart,#main-nav-cart span.numberitems,#main-nav-cart p,#main-nav-cart span.total,#main-nav-cart span.pricedisplay,#main-nav-cart span.totalhead,#main-nav-cart span.gocheckout,#main-nav-cart from.wpsc_empty_the_cart,#main-nav-cart form {display:none;}

#main-nav-cart .cartcount, #main-nav-cart .shopping-cart-wrapper, #main-nav-cart .shopping-cart-wrapper-before, #main-nav-cart .shopping-cart-wrapper-after {float:left; margin:0 !important; padding:0 !important; border:0 !important;}
#main-nav-cart .shopping-cart-wrapper .items, #main-nav-cart .shopping-cart-wrapper a {display:inline; border:0 !important;}
span.storefront-cart-icon {font-size:24px; line-height:0; padding-right:10px; float:left; max-height:16px; position:relative; top:1px;}

.cartcount {padding:0 1px 0px 2px;font-size:12px;font-weight:bold;}

#main-nav-cart {float: right;margin-right:10px;margin-top:35px;}

.widget ul, .widget li {margin:0; padding:0; list-style-type: none;font-size:12px;}

.widget li {border-bottom:1px dotted #e0e0e0;padding:4px;}

.widget li a {text-decoration:none;}

.widget li a:hover {text-decoration:underline;}


/*============================================================*/
/*======================== WPSC CART =========================*/
/*============================================================*/
table.productcart tr.firstrow td,table.productcart tr.firstrow td {background-color:none;background:none!important;border-left:0px!important;}

table.productcart tr.firstrow {border-bottom:1px solid #999999; color:#fff;}

table.productcart tr.firstrow td {border-left:0px solid #ccc;}

.productcart tr.firstrow td, .productcart tr {text-align:center;}

.productcart .pricedisplay {text-align:center;}

.productcart .checkout-total .pricedisplay {text-align:right;margin-top:-4px;}

.productcart tr.total_price td {text-align:left;}

.productcart tr.total_price td #checkout_total {text-align:right;}

table.productcart tr.product_row td{padding-top:10px;}


.default_product_display {border-bottom:1px solid #e0e0e0;}