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


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

.product_price { }

span.product_retail_price {color: #A37030; 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;
	z-index: 5;
	background:transparent url('../images/backgrounds/shadow.png') right bottom no-repeat !important;
	background: none; /* no drop shadow in IE 6 */
	padding:0 14px 14px 0;
	display:none;
	color:#fff;
	margin-top: -50px;
}

#overlay img {max-width: 300px; max-height: 300px; padding: 5px; background: #fff url(../images/loading.gir) center no-repeat; border: 1px solid #888;}

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






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

.search_results { 	
	padding: 15px; margin-bottom: 20px;
	border-bottom: 2px solid #897464; border-top: 2px solid #897464; 
	text-transform: uppercase; 
	background: #CFBBA9;
	letter-spacing: 0.05em;
}

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

.search_message { 
	font-size: 1.1em;
 	padding: 10px 15px;
 	margin: 0px 0 15px 0;
	border-bottom: 2px solid #897464; border-top: 2px solid #897464; 
	background: #CFBBA9 url('../images/icons/search.png') 98%  no-repeat !important; 
	background: #CFBBA9 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;}


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



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


/* USER SORT */

#user_sort_options {position:absolute; 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 {
	background: url('../images/backgrounds/contentbg.gif') repeat;
	border:2px solid #897464;
	padding: 15px 5px;
	margin-bottom: 30px;
}

#featured_products h2, #sale_products h2 {
	background:transparent url(../images/foxsymbol.gif) no-repeat center bottom;
	margin:0 0 2em;
	padding:0 0 2.75em;
}

.featured_product, .sale_product {
	width: 110px; height: 200px;
	padding: 20px 19px 0 19px; 
	text-align: center;
	float: left; overflow: hidden;
	border-right: 1px solid #897464;	
}


.featured_product img, .sale_product img { 	display: block; 
	padding: 0; margin: 0 auto 1.5em auto; 
	width: 100px;
	border: 4px double #897464; 
	float: none; clear: both;  }

.featured_product .title a, 
.sale_product .title a { 
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bolder;
	letter-spacing:0.08em;
	line-height:1.4em;
	text-transform:uppercase;
}

.featured_product .title a:hover, 
.sale_product .title a:hover {
	color:#A37030;
}


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

.category_product_grid {
	width: 202px; height: 265px;
	border: 2px solid #897464;
	padding: 20px 6px 0 6px; 
	margin: 16px 0 0 20px;
	text-align: center;
	float: left; overflow: hidden;
	background: url('../images/backgrounds/contentbg.gif') repeat;
}
	
.category_product_grid img { 	
	display: block; 
	padding: 0; margin: 0 auto 1.5em auto; 
	border: 4px double #897464; 
	float: none; clear: both;  
	filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;
}

.category_product_grid img:hover {
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}

.category_product_grid .title a { 
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bolder;
	letter-spacing:0.08em;
	line-height:1.4em;
	text-transform:uppercase;
}

.category_product_grid .title a:hover {
	color:#A37030;
}

.category_product_grid .title p {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:normal;
letter-spacing:0.04em;
line-height:120%;
margin:0.5em 0;
text-transform:uppercase;
}
	
.more_products { 
	text-align: center;
	clear: both;
	padding: 25px 0 10px 0;;
}


/* Descriptions on store home page */

.description_home { 	
	padding: 15px 15px 0 15px; margin:0 0 10px 0; 
	color: #168381;
	text-transform: uppercase; 
	background: #eff2f2;
	border-bottom: 1px dotted #ccc !important;
	border-bottom: solid;
}	

.description_home p {margin-top: 0;}
.description_home img {float: left; width: 100px; padding-right: 15px; margin-bottom: 15px;}


/* PRODUCT SEARCH on Category Pages */

.product_search { 
	padding: 10px 15px 15px 15px; margin-bottom: 20px;
	text-transform: uppercase; 
	background: url('../images/backgrounds/contentbg.gif') repeat;
	border:2px solid #897464;
}

.product_search img {margin-bottom: 10px;}

.product_search form {float:left; }


/* Filter Category by Keywords */

.show_keywords, .results { float:right; padding-top: 5px; width: 225px; text-align: right; }

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

.keyword_block {
	width: 130px;
	padding-left: 18px;
	padding-top: 10px;
	float: left;
}
	
.keyword_block h3 { margin-bottom: 10px; text-align: left;}	

.keyword_block li {margin-bottom: 5px;}

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

.category_product {	
	margin: 0 0 20px 0;
	clear: both;
}

.category_product .product_options { clear:both;}



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







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


#product_detail, #artist_detail { 	
	background: url('../images/backgrounds/contentbg.gif') repeat;
	border:2px solid #897464;
	padding: 20px 30px 15px 30px;
}

#product_detail h2, #artist_detail h2 {
	background:transparent url(../images/foxsymbol.gif) no-repeat center bottom;
	margin:0 0 2em;
	padding:0 0 2.75em;
}

#product_detail p, #artist_detail p {text-align: justify;}

#product_detail p.center {text-align: center;}

#product_description p {
	clear: left;
	font-size:1.2em;
	line-height:1.7em;
}

#product_description { margin-bottom: 2.5em;}

/* Track Lists */

h3.tracklist {
	border-color:#897464;
	border-style:double;
	border-width:4px 0;
	margin-top:0;
	margin-left: 178px;
	padding:0.3em 0;
}

.product_description_container ol { margin-left: 178px; margin-bottom: 30px;}

.product_description_container ol li {
	font-size:0.9em;
	list-style-position: inside;
	margin:15px 0 0;
	padding:0;
	font-size: 11px;
	text-align: center;	
	line-height: normal; 
}

#product_detail .product_price {float:right; margin-top:-5px; margin-bottom: 5px;}
#product_detail .product_price span.product_retail_price {font-size: 1.6em; font-weight: bold;}


/* PHOTOS and Gallery */

.product_photo_container { 
	z-index: 1;
	text-align: center; 
	float: left;
	width: 158px;
	margin-right: 20px; 
	padding: 0 0 20px 0;
	overflow: hidden;
}

.product_gallery {}

.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;}


#stats {
	border-color:#897464;
	border-style: solid;
	border-width:1px 0;
	padding:0.3em 0;
	font-size: 0.9em;
	line-height: 1.6em;
}

#short_description p {  
	color: #555;
	text-align: center;
	font-size: 1.25em; 
	margin-top: 25px; 
	padding: 0.3em 0; 
	border: 3px double #897464; border-width: 4px 0; 
	clear: both;
	text-transform: uppercase;
}


/* OPTION dropdowns */

.option_select { margin:2.5em 0 0 0; padding: 0 0 3em 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;} 
#product_compare table td {padding:5px; border: 1px dotted #ccc; }
#product_compare table td.compare_name {width: 100px; text-align: left; color: #168381;}
#product_compare table td.compare_value { text-align: left;}


/* DOCUMENTS */

#product_documents {
	margin: 2.5em 0;
}

.product_document {
	width: 100px;
	margin-right: 20px;
	height: auto;
	float: left;
	text-align: center;
	padding: 4px;
	overflow: hidden;
}


/* BRAND */

#product_brand {margin:2.5em 0;}

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

/* RELATED and ARTIST Products */

#related_products h3 { margin: 15px 0;}

#related_products, #artist_products {
	margin: 25px 0 5px 0;
	clear: both;
	overflow: hidden;
	text-align: center;
	width: 396px;
}

.related_product, .artist_product {
	width: 109px; height: 165px;
	display: inline-block;
	padding: 10px;
	overflow: hidden;
	text-align: center;
}
	
.related_product img, .artist_product img {
	height: 100px;
	margin-bottom: 10px;
	border:4px double #897464;
}
	
.related_product_title, .artist_product_title { display: block; cursor: pointer; font-size: 12px;}





/* ADDON Products */

#product_addons { padding-bottom: 40px; }

#product_addons h3 {margin-bottom: 20px;}

.option_addons {margin-top: -20px;} /*moves addons container up if product has options */

.addon_products_frame { width: 1280px; overflow: hidden;} /*frame scrolled by javascript */

.addons {position: relative; padding: 0 25px; height: 140px;  }

.addon_nav_prev {
	width: 23px; height: 85px; 
	padding-top: 55px;
	position: absolute; left: 0; top: 0;
	cursor: pointer;
}

.addon_nav_next {
	width: 23px; height: 85px; 
	padding-top: 55px;
	position: absolute; right: 0; top: 0;
	cursor: pointer;
}

.addon_products {
	height: 140px; width: 100%; 
	margin: 5px 0px 5px 0;
	overflow: hidden;
	clear: none;
}

.addon_product {
	width: 85px; height: 130px;
	float: left; display: inline;
	padding: 5px;
	margin: 0;
	border-right: 1px dotted #ccc;
	overflow: hidden;
	text-align: center;
}
	
.addon_product img {
	height: 60px;
	margin-bottom: 10px;
}

.addon_product_title { display: block; cursor: pointer;}

#product_bundle {clear:right; /*only necessary if price is floated right */ }

table.product_addon {margin-bottom: 10px;}		
table.product_addon td { padding: 10px 5px; vertical-align: middle; }


/*OPTIONLIST template */

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

table#product_optionlist td { padding: 10px 5px; vertical-align: middle; }

table#product_optionlist img {width: 40px;}


/* RENTALS */

.product_rental {
	width: 100%;
	overflow: hidden;
	margin-top: 2.5em;
	margin-bottom: 2em;
}

.product_rental dl {
	width: 220px;	
	float: left;
	margin-bottom: 2em;
}
	
.product_rental dl.first { margin-right: 20px;}

.product_rental dt {
	padding-bottom: 1em;
	font-weight: bolder;
	font-size: 1.1em;
}

.product_rental dd{ margin-bottom: 1em;}

.product_rental span.color { padding-right: 10px; text-transform: uppercase;}

	
#date_message { margin: 0 0 10px 0; font-style: italic; text-align: left;}

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







/* ----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: 2px solid #897464;
	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: 127px; height: 45px;
	text-align: center;
	font-weight: bold;
	color: #555;
	/* remove the following styles to cause product buttons to inherit default button styles*/
	font-size: 11px;
	border: none;
	line-height: normal;
	background: transparent url('../images/backgrounds/button.gif') center no-repeat; /*gif for older browsers */
}

.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;
	text-transform: uppercase;
}

.registry_order .product_stats td { 
	font-size: 1.1em; 
	padding: 10px 5px; 
}

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

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

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


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