/**
 * 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 {

}

/* Category Menus */
ul#categoryList {}

ul#categoryList li ul {
}

ul#categoryList li {
}

ul#categoryList ul.subCategory {
	margin: 2px 0 0 5px;
}
/*
#content input,
#content label,
#content select {
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}*/

#content label {
	width: 115px;
}

#content .section_content br {
	clear: both;
}

	/**
	 * _login.liquid
	 * Used as a partial in the main theme file.
	 *****************************************/

	/* 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 {
		font-size: 10px;
	}

	/**
   * 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; }
.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 { } /* 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 #999;
}
#filters {
	background-color:#EBEBEB;
	border: 1px solid #999;
	padding:5px 3px;
	margin-bottom:10px;
}

.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: #EBEBEB; }

/* 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 { }

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

#photo img {
}

#product {
	margin:0px 0px 20px 0px;
}
#product h2 {
	margin-top:0px;
}

/* 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.liquid
 ******************************/
ul#wishlist {}
	ul#wishlist li {}

table#wishlist {
	width: 100%;
}
	table#wishlist td.product_listing {
		padding: 5px;
	}