/**
 * Global theme.liquid styles
 ************************************/

ul {
	list-style: none;
}

/* Auto-complete styles. These control the look of the autocomplete search feature. To edit the look of a selected element, 
   edit the li.selected class below. */
div.auto_complete {
	background: #fff;
	z-index: 400;
}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	width:100%;
	padding: 0;
	list-style-type: none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
}
div.auto_complete ul li.selected { 
	background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
	color: #800; 
	margin:0;
	padding:0;
}

div.section_content {
	margin: 10px 0;
}
/* Make a pointer hand appear over every auto-complete item. */
li.autocomplete_item { cursor: pointer; }

/* Style the AJAX products query */
input#products_query {

}
input[type=text], input[type=number], input[type=email], textarea[type=message] {

}
#multisearch_query {

}

/* Category Menus */
ul#categoryList {}

ul#categoryList li ul {
}

ul#categoryList li {
}

ul#categoryList ul.subCategory {
	margin: 2px 0 0 5px;
}
.category-image {
	text-align:center;
	margin-bottom:10px;
}
	.category-image img {
		max-height:250px;
		max-width:720px;
	}
.category-buttons {
	margin-top:20px;
	margin-right:-30px;
}
.category-button {
	width:170px;
	display:inline-block;
	vertical-align:top;
	margin:0 8px 12px 0;
	text-align:center;
	-webkit-transition:all .2s ease-in-out;
}
	.category-button h2 {
		font-size:16px;
		padding:8px 5px 0;
	}
	.category-button a {
		width:170px;
		height:120px;
		background: #383838;
		text-align:center;
		display:table-cell;
		vertical-align:middle;
		border-radius:4px;
		-webkit-transition:all .2s ease-in-out;
	}
	.category-button a img {
		max-width:165px;
		max-height:110px;
	}
	.category-button .category-link .no-image {
		display:table-cell;
		width:140px;
		height:120px;
		vertical-align:middle;
		text-align:center;
		padding:0 15px;
		font-size:14px;
		color:#F1F1F1;
		line-height:23px;
	}
	.category-button:hover {
		margin-top:-5px;
		margin-bottom:17px;
	}
	.category-button a:hover {
		text-decoration:none;
		background: #929292;
	}

/* Aplus Vip Section */
ul.vip-items {
	margin:10px 0 10px 20px;
}
form.vip_contact {
	margin:10px 0;
}
	form.vip_contact p {
		margin:0 0 10px 0;
	}
	form.vip_contact input {
		padding:5px;
	}
	form.vip_contact textarea {
		width:300px;
		height:150px;
	}
div.vip-faq p {
	margin:10px 0;
}
div.vip-faq strong {
	color:#bbd1e0;
}


/*
#content input,
#content label,
#content select {
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}*/
.products_tagged_like_this hr {
	border:solid 1px #3c617a;	
}
.continue_browsing a {
	font-family:'DeathMach';
	font-size:20px;
}
#content label {
	width: 115px;
}

#content .section_content br {
	clear: both;
}

	/**
	 * _login.liquid
	 * Used as a partial in the main theme file.
	 *****************************************/
	 
	#login-page input[type=submit]{
		margin: 10px 0;	
	}

	/* This UL is shown when a user is logged in. */
	ul#accountLinks {}
	
 	/* Style any of the links in the UL */
 	ul#accountLinks li.button {}

	/* Style each individual link */
	ul#accountLinks li.wishlist {}
	ul#accountLinks li.orders {}
	ul#accountLinks li.account {}
	ul#accountLinks li.password {}
	ul#accountLinks li.logout {}
	
	/* This UL holds links to Forgot your Password and Register your account */
	ul.loginLinks {
		margin-bottom: 10px;
	}
		ul.loginLinks li {
			margin-bottom: 5px;
			text-size: 1em;
		}

	/**
	 * _quick_cart.liquid
	 * Used as a partial in the theme file.
	 ***************************************/
	#quick_cart {}
	#quick_cart p {
		
	}

	/**
   * category_browse.liquid
	 * Displays shit for each category (not parent categories)
   *********************************************************/
	table#product_list td {
		padding: 5px;
	}

	.cat_description {
		margin-bottom: 15px;
	}

	.cat_description h2 {
		font-size: 1.25em;
	}
	
/**
 * Helper classes.
 * You can and should use these anywhere that it is convenient.
 *********************************/
.clear { clear: both; }
.justify { text-align: justify; font-size: 14px; }
p.justify{line-height: 1.4em;}
.alignLeft { float: left; }
/*p label { display: block; }*/  /* All form fields are defined as <p><label for="field">Field 1</label> <input type="text" name="field" id="field"></p> */
h1.pagetitle { font-size: 26px;
margin: 0 0 10px 0;;
font-weight: 700; } /* All main H1 headers for the page have a class of "pagetitle" */
.no_underline { text-decoration: none; }
.shift_down { position: relative; top: 0.3em; }

/* These two classes can show up at the top of a page, such as login.liquid, to show error/notice messages */
.error_message {}
.notice_message {}

/* A series of assorted "container" styles to apply to sections to differentiate them */

.container1 {
	margin: 10px 0px;
	background: #EBEBEB;
	border: 1px solid white;
	padding: 5px;
}
.container2 {}
.container3 {}

/**
 * category_browse.liquid
 *********************************/

/* These rules define styles for boxes that appear by the user's mouse when certain events are triggered. For example,
   click "Add to Wishlist" on an item, and a notice DIV should appear next to the mouse. Try to add something that is 
   out of stock, and an error DIV will show up. */
#az_filters {
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom:1px solid #dddddd;
}
#filters {
	background-color: #ddd;
	border: 1px solid #999;
	padding: 10px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	display: none;
}
	#filters a{
		color: #666;	
	}
#filters .input_text {
	width: 93% !important;
}
#photo .item-image img {
	max-width:200px;
}
.product-buy-header h2 {
	color: #000;
	font-size: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	text-align: left;
	white-space: nowrap;
	border-bottom: 1px solid #dddddd;
	font-weight: 600;
	width: 495px;
}
 h2.product-buy-header{
	color: #000;
	font-size: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	text-align: left;
	font-weight: 600;
 }
table.product-sell-box {
	padding:0 8px 8px;
}
h2.product-h2 {
	font-size:25px;
}
table.product-sell-box tr.table-headers th {
	font-size:14px;
	padding: 5px;
	text-align:left;
}
	table.product-sell-box tr td{
		padding: 5px;
		font-size: 14px;
	}
.continue_browsing a {
	border: 1px solid #1e1e1e;
	background: #1e1e1e;
	color: #f0fdff;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}
	#product_container .continue_browsing a:hover {
		   border: 1px solid #2fa531;
		   color: #fff;
		   background: #2fa531;
		   text-decoration: none;
	   }
	.continue_browsing a:active {
text-decoration: none;
	   }

h4#category-breadcrumbs{
	font-weight: 500;	
}
#category-breadcrumbs, #category-breadcrumbs a {
	margin: 9px 0;
	font-size: 13px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
#category-breadcrumbs a:hover{
	color: #000;
	text-decoration: underline;
}	
	#category-breadcrumbs span.current-crumb {
		color:#000;
	}
	span.bread-arrow{
		font-size: 11px;
		margin: 0 6px;
	}
input[type=submit] {
   border: 1px solid #1e1e1e;
   background: #1e1e1e;
   color: #f0fdff;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	cursor: pointer;
}
input[type=submit]:hover, input[type=button]:hover {
   border: 1px solid #2fa531;
   color: #fff;
   background: #2fa531;
   }

.add_to_wishlist {
   border: 1px solid #c8c8c8;
   background: #c8c8c8;
   color: #f0fdff;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
   cursor:pointer;
   }

.checkout_link {
   border: 1px solid #2fa531;
   background: #2fa531;
   color: #f0fdff;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	cursor: pointer;
   }

.checkout_link span {
	border:none !important;
}
.checkout_link:hover {
      border: 1px solid #1e1e1e;
   color: #fff;
   background: #1e1e1e;
   }
.mass_add_to_cart {
   border: 1px solid #1e1e1e;
   background: #1e1e1e;
   color: #f0fdff;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	cursor: pointer;
   }
#sort_by {
	margin-bottom:15px;
}
#advanced_search .col1 {
	float: left;
	width: 230px !important;
}
#categories_select select {
	width: 220px !important;
	height: 320px;
}
.error { 
	border: 2px solid #003366;
	background-color: #eee;
	line-height: 24px;
	padding: 4px;
	font-weight: bold;
}
	.error img { vertical-align: -15%; }

.notice {
	border: 2px solid #00d647;
	background-color: #eee;
	line-height: 24px;
	padding: 4px;
	font-weight: bold;
 }

.notice img { vertical-align: -15%; }

/* These rules define alternating product rows. Every even row has a class of "even", every odd row has a class of 
   "odd" */
tr.even { background-color: transparent; }
tr.odd { background-color: transparent; }
tr.product_row {
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #ddd;
	font-size: 14px;
}
.product_descriptors {
	font-size: 12px !important;
}
tr.product_row > td:first-of-type {
	padding-right:10px;
}
tr.product_row td.wishlist_button {
	width:10%;
}
.variant_info {
	width:70%;
}
.highslide.size img {
	max-width:70px;
}
.product_name {
	font-size:16px;
}
.products_table {
	width:100%;
}
.products_tagged_like_this {
	margin-top:40px;
}
	.products_tagged_like_this h3 {
		color: #000;
		font-size: 24px;
		padding: 0 0 5px 0;
		margin: 20px 0 20px 0;
		text-align: left;
		white-space: nowrap;
		border-bottom: 1px solid #dddddd;
		font-weight: 600;
	}

/* This table defines a sub-table of variant information that will appear under any product with variant info. */
table.variant-table {}
	/* Any of the rows that aren't in <thead> are of class variantRow */
	table.variant-table tr.variantRow {}
		/* This TD cell holds the specific information about each variant. E.g, "Color: Blue, Size: XXL" */
		table.variant-table tr.variantRow td.variantInfo {}

img.categ_photo {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* This controls the pagination links at the bottom of the categories page. */
#pagination {
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	text-align: center;
}

/**
 * login.liquid
 ********************************/
 
/* Styles the UL that holds the "Forgot your password" and "Register your account" links */
ul.loginLinks {}
	ul.loginLinks li {
		margin: 2px 0;		
	}

div.section_content ul.loginLinks {
		margin-left: 125px;
}

/**
 * product.liquid
 ********************************/
#product_container {
	margin: 20px 0 0 0;
}

#photos {
	float: left;
	margin:0px 30px 10px 0px;
}

#photo img {
}

#product {
	margin:0px 0px 20px 0px;
	font-size: 14px;
	line-height: 1.4em;
	color: #383838;
}
	#product p {
		line-height: 1.4em;
		margin: 0;
	}
	#product p a{
		
	}
	#product a{
		color: #636363;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
	}
	#product a:hover{
		color: #000;
		text-decoration: underline;	
	}
#product h2 {
	color: #000;
	font-size: 18px;
	padding: 0 0 5px 0;
	margin: 20px 0 10px 0;
	text-align: left;
	white-space: nowrap;
	border-bottom: 1px solid #dddddd;
	font-weight: 600;
}
.plus_button {
position: relative;
top: 3px;
margin: 0 6px;
}
/* This table holds all the product options. */
table#product_options_table {}

/**
 * General Checkout Styles
 **********************************/

/* The #cart_process DIV is used to style the buttons at the top of each Checkout page that tell you what stage of 
   checkout you are on. */
div#cart_process { 
	float: none;
	margin-left: 10px;
	margin-bottom: 10px;
	display: block; 
	text-align: center;
} 

div#cart_process div a { 
	text-decoration: none; 
	color: #000; 
	font-weight: bold; 
	display: block; 
	width: 60px;
	height: 66px;
	/*margin-top: 2px;*/
}
div#cart_process div { 
	cursor: pointer; 
	text-align: center; 
	padding: 3px; 
	width: 60px; 
	height: 66px;
	border: 1px solid #ccc; 
	float: left; 
	background-position: 50% 15%;
	background-repeat: no-repeat;
	margin-left: 2px;
	margin-top: 4px;
}

div#cart_process div img {
	margin-top: 1px;
	margin-left: 8px;
	border: 0;
	float: none;
	text-align: center;
}
div#cart_process div a:hover { text-decoration: none; border: none; }
div#cart_process div.active { border: 1px solid #666; background-color: #eee; }

table#cart_listing {
	width: 100%;
	margin-bottom: 10px;
}
	table#cart_listing th {
		background: transparent url(images/header_gradient.gif) repeat scroll 0%;
		height: 25px;
		text-align: left;
		color: white;
	}
	table#cart_listing td {
		padding: 10px 10px 10px 0;
	}

/**
 * checkout_begin.liquid (Step 1)
 ******************************/
#checkout_begin_select {}
	p#checkout_begin_email {}
	p#checkout_begin_new_customer {}
	p#checkout_begin_old_customer {}
	p#checkout_begin_password {}

/**
 * checkout_cart.liquid (Step 2)
 ******************************/

/*actually comes from _cart_items.liquid */
#cart_listing tr td#total_1,
#cart_listing tr td#total_2 {
	border-top: 1px solid #900;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
	color: #900;
}

#total_1 {
	text-align: right;
}

/* This table makes a layout for the Qty and +/- buttons. */
table.qty-table {}
	table.qty-table tr td.qty { font-size: 2em; font-weight: bold; }

/**
 * checkout_shipping_address.liquid (Step 3)
 *****************************/

/**
 * checkout_billing_address.liquid (Step 4)
 *****************************/

/**
 * checkout_shipping.liquid (Step 5)
 *****************************/

table#shipping_options {}
	/* Carrier headers (UPS, USPS, etc) */
	table#shipping_options .carrier {}
	table#shipping_options tr td.quote-selector {}
	table#shipping_options tr td.quote-name {}
	table#shipping_options tr td.quote-amount {}

/**
 * checkout_payment.liquid (Step 6)
 ******************************/

/* This table is in _checkout_payments.liquid */
table#payments-table {}
	table#payments-table tr.subtotal {}
	table#payments-table tr.shipping {}
	table#payments-table tr.tax {}
	table#payments-table tr.payment {}
	table#payments-table tr.required {}
	table#payments-table tr.additional-coupons {}
	table#payments-table tr.coupon {}

div.payment_box {
	background-color:#F0F0F0;
	border:1px solid #C8C8C8;
	margin:1em 0pt 0pt;
	padding:0px 5px 5px 5px;
}

/**
 * checkout_summary.liquid (Step 7)
 *****************************/
div#shipping_address {}
div#billing_address {}
table#order-information {}
table#payment-information {}
div#account-information {}
div#special-instructions {}

/**
 * checkout_confirmed (Step 8)
 ****************************/
ol#survey-questions {}
	ol#survey-questions li.question {}


/**
 * user_account.liquid
 ********************************/

/* Basic user account info "Store Credit", "orders placed", etc */
ul#account-info {
	margin: 10px 0px;
}
	/* style for header of each item in account info section */
	ul#account-info .acct_info_item {
		font-weight: bold;
	}

#account_addresses {
		list-style: none;
		padding: 0px;
	}
	#account_addresses li.address {
		padding: 8px;
		color: #666;
	}
		#account_addresses .address_name {
			color: #6297BC;
			font-weight: bold;
		}
		#account_addresses .address_info {
			float: left;
			width: 300px;
		}
		#account_addresses .address_options {
			float: right;
			text-align: right;
			width: 120px;
		}
	#account_addresses #new_address {}

ul#card_list { padding: 0; list-style: none; }


/**
 * user_orders.liquid
 ********************************/
table#user_orders {}
	table#user_orders tr.order-basic-info
	table#user_orders tr.order-tracking-number
	table#user_orders tr.order-items
		table#user_orders tr.order-items table.list {}

/**
 * user_signup.liquid
 *******************************/

.greybox {
	background-color:#F0F0F0;
	border:1px solid #C8C8C8;
	margin:1em 0pt 0pt;
	padding:0px 5px 5px 5px;
}

/*** User Wishlist Styles ***/
ul#wishlist {
	margin:20px 0;
}
	
	li.wishlist-item {
		position:relative;
		display:inline-block;
		width:175px;
		height:210px;
		text-align:center;
		vertical-align:top;
		margin:0 0 10px 0;
	}
		li.wishlist-item .wishlist-image {
			display:table-cell;
			height:130px;
			width:180px;
			vertical-align:bottom;
		}
			li.wishlist-item .wishlist-image img {
				max-height:130px;
				max-width:140px;
				margin:0;
				border:none;
			}
		li.wishlist-item .wishlist-itemName {
			display:block;
			font-size:14px;
		}
		li.wishlist-item .out-of-stock {
			display:block;
			padding:2px 0;
			margin:6px 15px 3px;
			color:#fff;
			background:#aaa;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			-o-border-radius:4px;
			-khtml-border-radius:4px;
			border-radius:4px;
			font-weight:bold;
		}
		li.wishlist-item .in-stock {
			display:block;
			padding:2px 0;
			margin:6px 15px 3px;
			color:#fff;
			background:#51bc4e;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			-o-border-radius:4px;
			-khtml-border-radius:4px;
			border-radius:4px;
			font-weight:bold;
		}
		li.wishlist-item .wishlist-remove {
			display:block;
			visibility:hidden;
		}
			li.wishlist-item .wishlist-remove a:hover {
				color:#b42d1c;
			}
		li.wishlist-item:hover .wishlist-remove {
			visibility:visible;
		}
	
	li.wishlist-empty p {
		text-align:center;
		font-size:15px;
		font-weight:bold;
	}

/*** News Page Styles ***/
#news-posts {}
	#news-posts .news-post {}
	#news-posts .news-post h1.post-headline {
		font-size:23px;
		margin-bottom:5px;
		color:#2fa531;
	}
	#news-posts .news-post h3.posted-on {
		font-size:12px; 
		color:#aaa;
	}
	#news-posts .news-post .post-body p {
		margin:5px 0;
	}
	
/*** Custom User Page Styles ***/	
#user-input {
	line-height:1.3em
}
	#user-input p {
		margin:10px 0;
		line-height:1.3em
	}
	
	#user-input ul, #user-input ol {
		margin:15px 30px;
	}
		#user-input ul li {
			list-style-type:disc;
		}
		#user-input ul li, #user-input ol li {
			margin-bottom:5px;
		}
	
	#user-input table {
		margin:10px 0;
	}
		#user-input table tr td {
			padding-right:15px;
		}
		
	#user-input img {
		max-width:730px;
	}

/* Product Grid */
.products_grid .grid_row {
	width: 800px !important;
	margin: 10px auto 20px auto !important;
}
.products_grid4 .product_grid {
width: 173px !important;
}
.product_grid .image {
text-align: center;
float: none;
margin: 5px auto;
}
tbody .product_row td a{
	font-weight: 700;	
}
.product_row td .product_descriptors span.descriptor_value a{
	color: #636363;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	font-weight: 400;
}
	.descriptor_value a:hover{
		color: #000;
		text-decoration: underline;	
	}
.product_grid .description .name{
	font-weight: 400;	
}
.product_grid .description .name a{
	font-size: 16px;
	color: #000;	
}
.product_grid .description .name a:hover{
	text-decoration: underline;	
}
.product_grid .description .variant_row{
	font-size: 14px;	
}
.pagination {
	margin: 10px 0 00;
}
.pagination a{
	color: #666;	
}
.pagination a:hover{
	color: #000;	
}
#az_filters a{
	color: #666;	
}
#az_filters a:hover{
	color: #000;	
}

a.toggle-filter {
	background: #2fa531;
	height: 14px;
	padding: 6px 10px;
	position: absolute;
	left: 860px;
	top: 0px;
	color: #fff;
	font-size: 12px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
}
	a.toggle-filter.active {
		background: #666;
	}

/* Search */
.products {
margin: 20px 0 0 0;
}
.product_grid .description .info {
color: black;
line-height: 1.5em;
}

/* Account Pages */
#user-account h2{
	margin: 20px 0 10px 0;	
}
#account_credit {
	margin: 0 0 10px 0;	
}
#account_credit li {
line-height: 1.5em;
}
input.refer-submit {
margin: 15px 0;
}


/* Deckbuilder search */
#formats tbody td {
padding: 0 11px;
line-height: 1.4em;
}
#formats {
font-size: 14px;
}