/* ||||------STORE STYLES-----|||| */


/* ----UNIVERSAL STYLES---- */
/*----------------------------------------------*/

.product_price { }

span.product_retail_price {color: #f6dfdf; font-size: 1.4em;}

span.product_sale_price { }

p.total_products  {float:left; margin: 5px 0 0 0; }

p.stock { margin: 0 0 10px 0; font-style: italic; text-align: left;}

span.sku {display: block; float:left;}

/*----------------------------------------------*/






/* ----IMAGE OVERLAYS---- */
/*----------------------------------------------*/

#overlay{
	position:absolute;
	border:1px solid #ccc;
	background:#333 url('/themes/default/images/loading.gif') no-repeat center center;
	padding:2px;
	display:none;
	color:#fff;
}

/*----------------------------------------------*/






/* ----SEARCH RESULTS---- */
/*----------------------------------------------*/
/* NOTE: for search within a category see below */

.search_results { 	
	padding: 15px; margin-bottom: 40px;
	border-bottom: 2px solid #f3bebd; border-top: 2px solid #f3bebd; 
	color: #f3bebd;
	text-transform: uppercase; 
	background: #232323;
	letter-spacing: 0.05em;
}

.search_results form {float: right; margin-top: -5px;}

.search_message { 
	font-size: 1.1em; letter-spacing: 0.1em;
 	padding: 10px 15px;
 	margin: -15px 0 15px 0;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	background: #000 url('../images/icons/search.png') 98%  no-repeat !important; 
	background: #000 url('../images/icons/search.gif') 98%  no-repeat; 
	position: relative; overflow: hidden;
}

.search_message ul { margin-top: 10px;}
.search_message li { float:left; position: relative; padding-right: 15px;}
.search_message li a {border-bottom: 1px dotted; display: inline-block;}
.search_message li a:hover {text-decoration: none;}


/*----------------------------------------------*/






/* ----BRANDS---- */
/*----------------------------------------------*/

#brands {}

.brand { margin: 35px 0;
	border-bottom: 1px dotted #f3bebd;
	clear: both;}

.brand_image_container { 
	text-align: center; 
	float: left;
	width: 220px;
	margin-right: 20px; 
	padding: 20px 0;
	background: #232323; 
	overflow: hidden;
}

.brand_description_container { 
	padding: 0 0 10px 20px; 
	border-left: 220px solid #232323;
}

/*----------------------------------------------*/






/* ----CATEGORY VIEW TEMPLATES---- */
/*----------------------------------------------*/


/* Category Option box at the top of all category list pages 

#category_options {
	border: 1px #efefef solid;
	margin: 5px 0 5px 0;
	padding: 5px;
	background: #e4e4e4;
}


 The colum inside the category option area - for filters, etc  

#category_options .option_column {
	width: 200px;
	background: #ffffff;
	padding: 4px;
	float: left;
	margin: 0 5px 0 0;
}

*/

/* USER SORT */

#user_sort_options {float:right; margin: 3px 0 0 3px; /*values correspond to padding on h1 bg span*/ }
#user_sort_options button { padding: 3px 4px; margin-left: 4px;}



/* FEATURED, SALE and GRID Products Template */

#featured_products, #sale_products, #category_products_grid {
	width: 600px; /* VARIABLE change to 100% if no spacing between divs desired. Will need to be adjusted based on size of page div */
	margin: 10px 0 0 -20px;
}

.featured_product, .sale_product, .category_product_grid {
	float: left; display: inline;
	text-align: center;
	font-size: 1.2em;
	width: 180px; height: 200px;
	padding: 0;
	margin: 10px 0 10px 20px;
	overflow: hidden;
}
	
.featured_product img, .sale_product img, .category_product_grid img { 
	padding: 10px; margin: 0 auto 10px auto; 
	display: block; 
	background: url('../images/backgrounds/frame_thumb.png') center no-repeat;
}

.featured_product .title, .sale_product .title, .category_product_grid .title { 
	margin-bottom: 20px;
	font-size: 1.1em; 
	font-weight: bold; 
	text-transform: capitalize; 
	height: 55px; overflow: hidden; /* truncates titles over three lines and prevents overflow */
}
	
.more_products { 
	text-align: right;
	padding: 5px 0 10px 0;
	margin-bottom: 40px;
	border-bottom: 2px solid #f3bebd;
}


/* Category descriptions on store home page */

.description_home p { 	
	padding: 15px; margin:0; 
	text-transform: uppercase; 
	background: #232323;
}	


/* PRODUCT SEARCH on Category Pages */

.product_search { 
	padding: 15px; margin-bottom: 25px;
	border-bottom: 1px solid #232323;
	border-top: 1px solid #232323;
	color: #f3bebd;
	text-transform: uppercase;   
}

.product_search form {float:left; margin-bottom: 0;}


/* Filter Category by Keywords */

.show_keywords { float:right; padding-top: 5px; }

.category_keywords {
	margin-left: -50px;
	clear: both;
}

.keyword_block {
	width: 190px;
	padding-left: 50px;
	padding-top: 15px;
	float: left;
}
	
.keyword_block h3 { margin-bottom: 10px;}	



/* PRODUCT DISPLAY on Category Pages */
/* NOTE: also dictates product listing on search and brands pages */

.category_product {	
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #303030;
	clear: both;
}

.category_product h2 {border-bottom: 1px dotted #303030;}

.category_product .img_wrapper { width: 125px; height: 125px; margin: 0 auto; background: url('../images/backgrounds/no_image.png');}

/* following styles currently affect category and detail view */

.product_photo_container { 
	text-align: center; 
	float: left;
	width: 220px;
	margin-right: 20px; 
	padding: 20px 0;
	background: #232323; 
	overflow: hidden;
}

.product_description_container {
	padding: 0 0 10px 20px; 
	border-left: 220px solid #232323;
}

.category_product .product_options { clear:both;}


/* only used in category_categories */

.category_branding_img { text-align: center; background: #232323; margin-bottom: 25px; position: relative;}

.category_branding_img img {max-width: 100%;}

.category_branding_img ul { 
	width: 100%; 
	position: absolute; bottom: 0; 
	padding: 10px 0;
	color: #666;
	background: transparent url('../images/backgrounds/white_70.png') repeat; 
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	text-transform: uppercase;
}

.category_branding_img li { float: left; font-size: 1.2em; width: 200px; padding: 5px 15px; }


/*----------------------------------------------*/







/* ----PRODUCT DETAIL TEMPLATES---- */
/*----------------------------------------------*/


#product_detail { margin-top: 10px;}
#product_detail .product_photo_container { background: #000 url('../images/backgrounds/frame_detail.png') top no-repeat;} /*inherits styles from above*/
#product_detail .product_description_container { border-left: 220px solid #000;} /*inherits styles from above*/
#product_detail h1 {clear: none; width: 90%; }
#product_detail .product_price {float:right; margin-top:-5px;}
#product_detail .product_price span.product_retail_price {font-size: 1.6em; font-weight: bold;}


/* PHOTOS and Gallery */

.product_gallery { margin-top: 25px;}

.product_gallery_photo, .product_zoom_photo {	
	float: left; display: inline;
	margin: 10px 0 0 10px;
	border: 1px solid #ccc;
}	

.product_gallery_photo img, 
.product_zoom_photo img {width: 40px;}

.product_gallery_photo a, 
.product_zoom_photo a {filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}	

.product_gallery_photo a:hover, 
.product_zoom_photo a:hover { filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


/* OPTION dropdowns */

.option_select { margin:2.5em 0 0 0; padding: 0 0 3.5em 0;}
.option_select span { padding-right: 10px; text-transform: uppercase;}
.option_select select { margin-right: 10px; }


/* COMPARE tables */

#product_compare {margin:2.5em 0;}

#product_compare table {width: 100%; clear:none; border-collapse: collapse;} /*BUG don't forget to change table width to 99% so it works in IE6 */
#product_compare table td {padding:5px; border: 1px dotted #ccc; }
#product_compare table td.compare_name {width: 100px; text-align: left; color: #f3bebd;}
#product_compare table td.compare_value { text-align: left;}
	

/* BRAND */

#product_brand {margin:2.5em 0;}

#product_brand .brand_description p {
	font-style: italic; 
	padding-bottom: 5px; margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}	
	

/* RELATED Products */

#related_products h3 { margin: 10px 0;}

#related_products {
	width: 103%;
	margin: 20px -20px 5px 0;
	clear: both;
	overflow: hidden;
}

.related_product {
	width: 109px; height: 165px;
	float: left; display: inline;
	padding: 10px 10px 10px 0;
	margin: 0 10px -1px -10px;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	overflow: hidden;
}
	
.related_product img {
	height: 100px;
	margin-bottom: 10px;
	padding-left: 10px;
}
	
.related_product_title {padding-left: 10px; display: block; cursor: pointer;}


/*OPTIONLIST template */

table#product_optionlist p { margin: 0; }
table#product_optionlist .product_price {margin: 0;}

table#product_optionlist td { padding: 10px 5px; border-top: 1px dotted #ccc; vertical-align: middle; }

table#product_optionlist img {width: 40px;}


/*----------------------------------------------*/







/* ----BUTTONS AND OPTIONS IN PRODUCT AND CATEGORY VIEWS---- */
/*--------------------------------------------------------------*/
/* NOTES: product_options is the container for buttons on category view */
/* product_button is the container for buttons on the product detail view */
/* ungroup the selectors for unique buttons in each template */

.product_options, .product_button {
	width: 100%; 
	clear: right; /*only necessary if price is floated right */
	padding: 10px 0 0 0;
	border-top: 1px dotted #303030;
	text-align: right; 

}

.product_options button, 
.product_options .button,
.product_button button,
#checkout_continue button,
#checkout_return button { 
	padding: 0;
	margin: 0 0 0 16px; 
	width: 101px; height: 34px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}

.product_options a.button {padding-top: 10px; height: 24px;} /* faux button links */

input.product_quantity { text-align: center; margin: 0 0 0 10px; width: 25px; }

/*----------------------------------------------*/







/* ------ REGISTRY PURCHASE TABLE------ */
/*--------------------------------------------------------------*/

table.registry_order  {margin-top: 20px;}

.registry_order th { 	
	padding: 2px; margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 1.1em;
	font-weight: bold;
	background: #232323;
	text-transform: uppercase;
}

.registry_order .product_stats td { 
	font-size: 1.1em;
	border-top: 1px dotted #ccc; 
	padding: 10px 5px; 
}

.registry_order .product_button { background: #232323; padding: 10px 0; border-bottom: 1px solid #ccc;}

.registry_order .product_price {padding-top: 5px;}

.registry_order .product_retail_price {font-size: 1.1em;}


/*--------------------------------------------------------------*/



#shopping_cart, .shopping_cart {
	border: 1px dotted #232323 !important;
	border: solid; /*for ie6 to override dotted border */
	background: none;
}



#checkout_steps { margin-bottom: 10px; width: 600px; margin-left: -20px; overflow: hidden;}
#checkout_steps p {margin-left:20px;}
#checkout_steps .on, #checkout_steps .off {margin: 10px 0 10px 20px;}



#shopping_cart th {
	border-bottom: 1px solid #232323;
	border-top: 1px solid #232323;
	background: #303030; 
}

#shopping_cart td {border-top: 1px dotted #232323;}
#shopping_cart .tax th, #shopping_cart .shipping th { border-top: 1px solid #232323; border-bottom: none;} 
#shopping_cart .subtotal th{border-top: 1px solid #303030;border-bottom: 1px dotted #232323 !important;}


#shopping_cart .form_column, .shopping_cart .form_column {float: left;}


#creditcard_form p { padding: 0 0 0 20px;}


.address { 
	width: 235px; 
	background: none;
	border: 1px solid #232323;
}