/*--------------------------
	CSS by Rod Miles	
	One Grey Paw
	www.OneGreyPaw.com
	
	September 2008
	
	CSS for Product Views
----------------------------*/



/*----------------------------
	General Category Views
----------------------------*/
 
#subCategoryDetails
	{
	height: auto;	
	background-color: #efefef;
	border: 1px solid #ccc;
	border-width: 1px 1px 3px 1px;
	padding: 8px;
	margin-bottom: 1.5em;
	overflow: auto;
	}

* html #subCategoryDetails { height: 1%; }

#subCategoryView 
	{
	float: left;
	width: 40%;
	padding: 0 20px 0 0;
	margin: 0 10px 0 0;
	line-height: 1.3em;
	border-right: 1px solid #ccc;
	font-size: 0.9em;
	min-height: 100px;
	}

#filterDetails
	{
	float: left;
	width: 50%;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 1em;
	}
#filterDetails table { font-size: 0.9em; }
#filterDetails .formField { font-size: 1em; }
#filterDetails #s { background: url('../images/btn-go.gif') no-repeat 0 -2px; width: 45px; height: 23px; }

#productListing
	{
	clear: both;
	margin-top: 0.5em;
	}
	
#filterDetails h3, #subCategoryDetails h3 { margin: 0; padding: 0; font-size: 1.2em; }
#subCategoryView h3 { font-size: 1.4em; }
#filterDetails h3 { margin-bottom: 4px; }
#subCategoryDetails ul.mainpoints li { padding-bottom: 0; }

.colorBG { }
img.shopBtn { margin: 5px 0; }
form .shopBtn { margin: 1px 0; } 
a.removeBtn { display: block; float: right; height: 25px; width: 102px; background: url('../images/btn-remove.gif') no-repeat 0 0; }
a.removeBtn span { display: none; }
form img#btnAdd { margin-top: 5px; }
#itemMsg { display: none; }

#contentBody.section #breadcrumbs { display: none; }
#contentBody.section.deepPage #breadcrumbs { display: block; }
#contentBody.section h2 { margin-bottom: 0; }
#contentBody.section.guitars h2 { color: #F8A717; }
#contentBody.section.percussion h2 { color: #6AB33D; }
#contentBody.section.keyboards h2 { color: #A2238E; }
#contentBody.section.orchestral h2 { color: #008BA6; }
#contentBody.section.studio h2 { color: #EE413D; }
#contentBody.section.sound h2 { color: #008047; }
#contentBody.section.lighting h2 { color: #E0B100; }

#contentBody.brands #brandInfo { margin: 13px 0 1.3em 0; }

.sectionHeader { width: 100%; height: 78px; margin: 13px 0 1.3em 0; }
#headGuitars.sectionHeader { background: url('../images/section-guitars.jpg') no-repeat 0 0; }
#headStudio.sectionHeader { background: url('../images/section-studio.jpg') no-repeat 0 0; }
#headKeys.sectionHeader { background: url('../images/section-keyboards.jpg') no-repeat 0 0; }
#headFamily.sectionHeader { background: url('../images/section-family.jpg') no-repeat 0 0; }
#headLights.sectionHeader { background: url('../images/section-lighting.jpg') no-repeat 0 0; }
#headSound.sectionHeader { background: url('../images/section-livesound.jpg') no-repeat 0 0; }
#headOrchestral.sectionHeader { background: url('../images/section-orchestral.jpg') no-repeat 0 0; }
#headPercussion.sectionHeader { background: url('../images/section-percussion.jpg') no-repeat 0 0; }
#headRentals.sectionHeader { background: url('../images/section-rentals.jpg') no-repeat 0 0; }
#headRepairs.sectionHeader { background: url('../images/section-repairs.jpg') no-repeat 0 0; }
#headTrade.sectionHeader { background: url('../images/section-trade-up.jpg') no-repeat 0 0; }
#headLetItSnow.sectionHeader { background: url('../images/section-let-it-snow.jpg') no-repeat 0 0; }


/*----------------------------
	Product Displays
----------------------------*/

#productsTable, #featuredProductsTable { width: 100%; }
#productsTable td { vertical-align: top; padding: 5px; border-bottom: 2px dashed #ccc; }
#productsTable td.prodImg { width: 130px; text-align: center; padding: 5px 0; }
#cartForm #productsTable td.prodImg { width: 100px; }
#productsTable td.prodDesc { padding: 5px 10px 5px 0; } /*prod desc*/
#productsTable td.prodDesc a { font-size: 1.1em; text-decoration: none; } /*prod name*/
#productsTable td.prodDesc a span { font-style: italic; color: #333; font-size: 0.8em; text-transform: uppercase; } /*item num*/
#productsTable td.prodInfo { width: 150px; }
#content .buyPrice, #content .salePrice { font-size: 1.2em; color: #000; font-weight: bold; }
#content .salePrice { color: #C30C10; }
#content .listPrice, #content .savingsAmt { font-size: 0.9em; color: #777; font-weight: normal; }
#content .savingsAmt { font-style: italic; }
#productsTable td.prodInfo a { text-decoration: none; font-size: 0.9em; padding-left: 11px; background: url('../images/item-arrow.gif') no-repeat 0 -147px; }
#productsTable td.prodInfo a.detailsLink { }
#productsTable td.prodInfo a.addToCartLink { }

.guitars #featuredProductsTable, .guitars #featuredProductsTable td { border: 1px solid #F8A717; }
.percussion #featuredProductsTable, .percussion #featuredProductsTable td { border: 1px solid #73BF45; }
.keyboards #featuredProductsTable, .keyboards #featuredProductsTable td { border: 1px solid #A2238E; }
.orchestral #featuredProductsTable, .orchestral #featuredProductsTable td { border: 1px solid #008BA6; }
.studio #featuredProductsTable, .studio #featuredProductsTable td { border: 1px solid #EE413D; }
.sound #featuredProductsTable, .sound #featuredProductsTable td { border: 1px solid #008047; }
.lighting #featuredProductsTable, .lighting #featuredProductsTable td { border: 1px solid #fc0; }

.section #featuredProductsTable { border-width: 0 0 2px 1px; margin-bottom: 1em; line-height: 1.3em; }
.section #featuredProductsTable td { text-align: center; border-width: 0 1px 1px 0; padding: 5px; }

#featuredProductsTable a.prodImg { display: block; margin: 5px 0 0 0; height: 90px; }
#featuredProductsTable .prodName { margin: 2px 0 0 0; padding: 0; height: 2.5em; overflow-y: hidden; font-weight: bold; font-size: 1.1em; line-height: 1.2em; }
#featuredProductsTable .prodDesc { margin-top: 2px; height: 30px; font-size: 0.9em; overflow-y: hidden; }
#featuredProductsTable .prodInfo { margin: 0 0 0.3em 0; }
#featuredProductsTable .prodInfo .buyPrice, #featuredProductsTable .prodInfo .salePrice { font-weight: bold; font-size: 1.1em; text-transform: uppercase; }
#featuredProductsTable .prodInfo .listPrice { font-size: 0.9em; }
#featuredProductsTable .prodInfo a.buyNowLink { display: block; margin-top: 5px; }
#featuredProductsTable .prodInfo a:hover.buyNowLink { color: #ddd; }
#featuredProductsTable .prodInfo a:active.buyNowLink { color: #aaa; }
#featuredProductsTable a { text-decoration: none; }

#featuredProductsTable .featuredTableHeading td { padding: 2px 0 0 4px; text-align: left; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 1.2em; }
.guitars #featuredProductsTable .featuredTableHeading td { background: url('../images/prod-table-header-guitars.gif') repeat-x 0 0; }
.percussion #featuredProductsTable .featuredTableHeading td { background: url('../images/prod-table-header-percussion.gif') repeat-x 0 0; }
.keyboards #featuredProductsTable .featuredTableHeading td { background: url('../images/prod-table-header-keyboards.gif') repeat-x 0 0; }
.orchestral #featuredProductsTable .featuredTableHeading td { background: url('../images/prod-table-header-orchestral.gif') repeat-x 0 0; }
.studio #featuredProductsTable .featuredTableHeading td { background: url('../images/prod-table-header-studio.gif') repeat-x 0 0; }
.sound #featuredProductsTable .featuredTableHeading td { background: url('../images/prod-table-header-livesound.gif') repeat-x 0 0; }
.lighting #featuredProductsTable .featuredTableHeading td { background: url('../images/prod-table-header-lighting.gif') repeat-x 0 -3px; }

.guitars a, .guitars h1, .guitars h2 { color: #F0870C; }
.percussion a, .percussion h1, .percussion h2 { color: #6AB33D; }
.keyboards a, .keyboards h1, .keyboards h2 { color: #A2238E; }
.orchestral a, .orchestral h1, .orchestral h2 { color: #008BA6; }
.studio a, .studio h1, .studio h2 { color: #EE413D; }
.sound a, .sound h1, .sound h2 { color: #008047; }
.lighting a, .lighting h1, .lighting h2 { color: #E0B100; }
.trade a { color: #009; }
.family a { color: #CD181F; }
.repairs a { color: #c60; }
.rentals a { color: #0066B1; }

.section a:hover, #cartBox a:hover, .guitars #featuredProductsTable a:hover, .percussion #featuredProductsTable a:hover, 
.keyboards #featuredProductsTable a:hover, .orchestral #featuredProductsTable a:hover,
.studio #featuredProductsTable a:hover, .sound #featuredProductsTable a:hover,
.lighting #featuredProductsTable a:hover { color: #999; }

.section a:active, #cartBox a:active, .guitars #featuredProductsTable a:active, .percussion #featuredProductsTable a:active,
.keyboards #featuredProductsTable a:active, .orchestral #featuredProductsTable a:active,
.studio #featuredProductsTable a:active, .sound #featuredProductsTable a:active,
.lighting #featuredProductsTable a:active { color: #ccc; }

#productsTable .productsTableHeading td, .productsTableHeading td { background: url('../images/prod-table-header-bg.gif') repeat-x 0 0; color: #fff; font-weight: bold; border: none; padding: 5px 0; }
#content #productsTable .productsTableHeading td.prodHeaderImg { text-align: center; }
#content #productsTable .productsTableHeading td.prodHeaderImg span { background: url('../images/prod-table-img-icon.gif') no-repeat 0 0; padding: 0 8px; }
.productsTableHeading td a { color: #fff; text-decoration: none; text-transform: uppercase; }
.productsTableHeading td a:hover { color: #aaa; }
.productsTableHeading td a:active { color: #ddd; }




/*----------------------------
 	Paging Display
------------------------------*/

a.paging, a.pagingDirection, .pagingDis 
	{ 
	text-decoration: none; 
	background-color: #e8e8e8; 
	padding: 1px 3px; 
	margin: 0 2px; 
	border: 1px solid #ccc; 
	color: #666;
	}

.pagingDis { background-color: #fff; color: #000; }

#pagingNav, #pagingNavUpper
	{
	padding: 0;
	margin: 0;
	font-weight: bold;
	}

#pagingNav { text-align: right; margin-top: 1em; }

a:hover.paging, a:hover.pagingDirection { color: #C30C10; }
.guitars a:hover.paging, .guitars a:hover.pagingDirection, .guitars .pagingDis { color: #F0870C; }
.percussion a:hover.paging, .percussion a:hover.pagingDirection, .percussion .pagingDis { color: #6AB33D; }
.keyboards a:hover.paging, .keyboards a:hover.pagingDirection, .keyboards .pagingDis { color: #A2238E; }
.orchestral a:hover.paging, .orchestral a:hover.pagingDirection, .orchestral .pagingDis { color: #008BA6; }
.studio a:hover.paging, .studio a:hover.pagingDirection, .studio .pagingDis { color: #EE413D; }
.sound a:hover.paging, .sound a:hover.pagingDirection, .sound .pagingDis { color: #008047; }
.lighting a:hover.paging, .lighting a:hover.pagingDirection, .lighting .pagingDis { color: #E0B100; }

a:active.paging, #pagingNavUpper a:active.pagingDirection { color: #aaa; }

a.pagingDirection, #pagingNavUpper a.pagingDirection { background-color: transparent; border: none; font-weight: normal; text-decoration: none; padding: 0 2px; }

#productsTable td.pagingRow { border: none; }

.pagingIntro { padding-right: 15px; }



/*----------------------------
 	Cart View
------------------------------*/


#productsTable { }
#cartDisplay #productsTable td { vertical-align: top; padding: 5px; border: none; }
#cartDisplay #productsTable tr.cartRow td { border-bottom: 2px dashed #ccc; }
#cartDisplay .prodName { }
#cartDisplay .prodPrice { text-align: right; }
#cartDisplay .prodQuantity .formField { float: left; }

#cartDisplay #productsTable .formField, #addToCartForm .formField { width: 22px; }
#cartDisplay table .prodNotes { font-size: 0.9em; }
#cartDisplay .saleprice { color: #C30C10; font-weight: bold; }

#cartDisplay input#btnUpdate { border: none; cursor: pointer; background: url('../images/btn-update-qty.gif') no-repeat 0 0; height: 30px; width: 182px; }
#cartDisplay input#btnCheckout { margin-top: 5px; border: none; cursor: pointer; background: url('../images/btn-checkout-now.gif') no-repeat 0 0; height: 30px; width: 182px; }
#cartDisplay .submit a { padding: 0; }



/*----------------------------
 	Product Details View
------------------------------*/

p#shortDesc { padding-bottom: 1em; }

#productImage { float: right; margin: 1em 0; }
p#itemNum, p#shortDesc { margin: 0; padding: 0; }
p#itemNum { font-size: 0.9em; font-style: italic; text-align: center; line-height: 1.3em; } 
p#itemNum span { font-weight: normal; } 

#prodInfo { margin-top: 1em; }

#content .details .prodPrice { font-weight: bold; font-size: 1.3em; }
#content .guitars .prodPrice span { color: #F0870C; }
.details #longDesc { margin-top: 1.7em; }
.details #longDesc ul, .details #longDesc ol { margin-left: 20px; padding: 0; }
.details #longDesc ul li, .details #longDesc ol li { list-style: disc; }
/*p#shortDesc,*/ h1#productTitle /*,h1#brandTitle*/ { width: 70%; }


/*------------------------------
	Brand View
------------------------------*/

.brandBox { clear: both; height: auto; padding: 1px 0; border-top: 2px dashed #ccc; margin-top: 5px;}
* html .brandBox { height: 1%; }
a.brandBoxLogo { width: 200px; float:left; margin-top: 7px; padding: 1px; }
.brandBox p { float: left; width: 460px; }