/* ================================================================  common start */

body {background:#000000 url(/common/images/main_bg2.jpg) no-repeat center top; margin:0px; font-family: Tahoma, Geneva, sans-serif; color:#FFF; }

img{border:none}

#layout{margin:0 auto; width:720px;}

#main{float:left; width:720px; border:1px solid #fff; border-top:none; border-bottom:none }

/* ================================================================  common end */

/* ================================================================  header start */

#header{float:left;width:720px; position:relative; }

#header .purple_box{float:left; width:720px; background:#652c8f; padding:5px 0 5px 0;}

#banner .purple_box .displaylogin{font-size:12; color:#FFF; }

/* ================================================================  banner start */
.banner{float:left; width:720px; z-index:1}

.banner .cont{float:left}

.banner .ball{position:absolute; top:-55px; left:133px}

.banner .gal{position:absolute; top:245px; left:120px}

.banner .majesty{position:absolute; top:270px; left:30px}

.banner .lte{position:absolute; top:270px; left:165px}

.banner .ta{position:absolute; top:275px; left:305px}

.banner .deathbat{position:absolute; top:260px; left:420px}

.banner .globe{position:absolute; top:270px; left:230px}

.banner .heart{position:absolute; top:275px; left:10px}

.banner .eyeplus{position:absolute; top:80px; left:495px; z-index:1}

.banner .man{position:absolute; top:230px; left:380px}

.banner .logo{position:absolute; top:174px; left:300px;}

.banner .mpsig{position:absolute; top:144px; left:180px;}

.banner .sign_in{position:absolute; top:395px; left:430px; z-index:1;}

.banner .sign_out{position:absolute; top:395px; left:500px; z-index:1;}

.banner .cartoon{position:absolute; top:262px; left:610px; cursor:pointer}

.banner_container_top{float:left; width:720px}

.banner_container_top .box1{float:left; width:137px; height:236px; border-right:1px solid #fff}

.banner_container_top .box2{float:left; width:582px; height:236px;  background:url(/common/images/image_main.jpg) no-repeat top left;}

.banner_container_top .mpmain{float:left; width:582px; height:236px;  background:url(/common/images/mpmain4.jpg) no-repeat top left;}

.banner_container_bottom{float:left; width:720px; border-bottom:1px solid #fff}

.banner_container_bottom .box1{float:left; width:137px; height:103px; border-right:1px solid #fff}

.banner_container_bottom .box2{float:left; width:137px; height:103px; border-right:1px solid #fff}

.banner_container_bottom .box3{float:left; width:135px; height:103px; border-right:1px solid #fff}

.banner_container_bottom .box4{float:left; width:227px; height:103px; border-right:1px solid #fff}

/* ================================================================  banner end */

/* ================================================================  menu start */

.menu{float:left; width:720px; background:url(/common/images/top_menu_bg.gif) repeat-x top left; border-bottom:1px solid #fff;border-top:1px solid #fff;}

.menu ul{ margin:0px; padding:0px; list-style:none; font-size:12px}

.menu li{ float:left; color:#fff; text-decoration:none; padding:3px 35px 3px 10px; position:relative;line-height:15px; cursor:pointer}

.menu li a{ color:#fff; text-decoration:none}

.menu li a:hover{ color:#fff; text-decoration:underline}

.menu li.link1{ padding-right:30px}

.menu li.link2{ padding-right:80px}

.menu li.link3{ padding-right:50px; padding-left:70px}

.menu li.link4{ padding-right:80px;}

.menu li.link5{ padding-right:50px;}

.menu li.link6{ padding-right:110px;}

.menu li.linkhome{ padding-right:50px; padding-left:50px}

.menu li.linknews{ padding-right:50px}

.menu li.linkabout{ padding-right:50px}

.menu li.linktour{ padding-right:50px}

.menu li.linkinteract{ padding-right:50px}

.menu li.linkforum{ padding-right:50px}

.menu li.linkgallery{ padding-right:90px; padding-left:110px}

.menu li.linkarchives{ padding-right:95px;}

.menu li.linkdrums{ padding-right:65px;}

.menu li.linkmerch{ padding-right:110px;}

.menu li ul{position:absolute; display:none; top:12px; left:0; width:110px; list-style:none; padding:10px 8px 10px 10px; z-index:99999; background-image:url(/common/images/pointer.gif); background-position:0px 10px; background-repeat:no-repeat; height:74px; overflow:visible;}

.menu li ul.drop li{float:left; background:#421d5e; padding:0px; font-size:10px;}

.menu li ul.drop li a{float:left; width:auto; text-decoration:none; color:#fff; background:none; padding:0px; display:block; width:80px; padding:2px; }

.menu li ul.drop li a:hover{text-decoration:none; color:#fff; background-color:#652c8f}

.menu li:hover ul, .menu li.over ul{display:block;} 

/* ================================================================  menu end */

/* ================================================================  header end */

/* ================================================================  body container start */

#body_container{ float:left; width:720px; border-bottom:1px solid #fff}

#body_container #container_main .content .all{ float:left; width:680px; color:#fff; font-size:12px; padding:25px 15px 15px 15px}

#body_container #container_main .content .all span.image{ text-align:center;; display:block;}

#body_container #container_main .content .all p{ margin:0px; padding:9px 0 9px 0;}

#body_container #container_main .content .all .lside { float:left; width:250px; margin-left:160px; }

#body_container #container_main .content .all .lside2 { float:left; width:300px; margin-left:90px; }

#body_container #container_main .content .all .rside { float:left; width:250px; }

#body_container #container_main .content .all .rside2 { float:right; width:250px; }

#body_container #container_main .content .all .mid { float:left; width:680px; margin-left:160px; }

#body_container #container_main .content .all .mid .h3 { font-size:18px; font-weight:bold;}

#body_container #container_main .content .all .discdetails { float:left; margin-left:50px; }

#body_container #container_main .content .all .discdetails .h3 { font-size:18px; font-weight:bold;}

#body_container #container_main .content .all .discdetails .h4 { font-size:16px; font-weight:bold;}

#body_container #container_main .content .all .discdetails .artistdetails { position:absolute; left:260; padding-left:15px; font-size:14px; }

#body_container #container_main .content .all .disc { float:left; width:680px; margin-left:15px; }

#body_container #container_main .content .all .h4 { font-size:14px; font-weight:bold; text-decoration:underline; color:#93C;}

#body_container #container_main .content .all .h3 { font-size:18px; font-weight:bold;}

#body_container #container_main .content .all .h5 { font-size:14px; font-weight:bold;}

#body_container #container_main .content .all .h1 { font-size:14px; font-weight:bold;}

#body_container #container_main .content .all .band { font-size:12x; color:#90C;}

#body_container #container_main .content .all a{ color:#FF9; text-decoration:none}

#body_container #container_main .content .all a:visited{ color:#FFC; text-decoration:none}

#body_container #container_main .content .all a:hover{ color:#FF9; text-decoration:underline}

#body_container #container_main .content .all .drumspecs { float:left; width:680px; margin-left:20px; }

#body_container #container_main .content .all .drumspecs ul{ padding:0px; margin-left:200px; list-style:none; padding-bottom:0px}

#body_container #container_main .content .all .dates { padding:0px; margin-left:50px; list-style:none; padding-bottom:0px}

/* ================================================================  body container left start */

#body_container #container_left{ float:left; width:638px; background:url(/common/images/body_container_top_bg.jpg) no-repeat top left;}

#body_container #container_left .content{ float:left; width:638px; background:url(/common/images/content_bg.jpg) repeat-y top left; margin-top:10px}

#body_container #container_left .content .left_side{ float:left; width:380px; color:#fff; font-size:12px; padding:5px 15px 15px 15px}

#body_container #container_left .content .left_side span.image{ text-align:center;; display:block;}

#body_container #container_left .content .left_side p{ margin:0px; padding:9px 0 9px 0;}

#body_container #container_left .content .right_side{ float:left; width:203px;padding:5px 10px 15px 15px; color:#fff; font-size:11px}

#body_container #container_left .content .right_side ul{ margin:0px; padding:0px; list-style:none; padding-bottom:20px}

#body_container #container_left .content .right_side .image{ margin-right:27px; margin-left:2px; display:inline}

#body_container #container_left .content .right_side .bottom_text{ text-align:center; font-size:9px;float:left; width:198px; padding:5px 0 5px 0}

#body_container #container_left .content .right_side a{ color:#FF9; text-decoration:none}

#body_container #container_left .content .right_side a:visited{ color:#FFC; text-decoration:none}

#body_container #container_left .content .right_side a:hover{ color:#FF9; text-decoration:underline}

/* ================================================================  body container left end */

/* ================================================================  body container right start */

#body_container #container_right{float:left; width:78px; height:391px; overflow:hidden}

#body_container #container_right2{float:left; width:78px; height:758px; overflow:hidden}


/* ================================================================  body container right start */

/* ================================================================  body container end */

/* ================================================================  footer start */

#footer{background:#652c8f; padding:5px; float:left; width:710px; text-align:center; color:#fff; font-size:12px;}

#footer img{ margin-right:18px;}

#footer img.last{ margin:0px}

#footer a{ color:#FF9; text-decoration:none}

#footer a:visited{ color:#FFC; text-decoration:none}

#footer a:hover{ color:#FF9; text-decoration:underline}

/* ================================================================  footer end */


/*-----------------------------------------------------------------------------------------
	 Storefront Tables - Styles within the table are defined later 
	----------------------------------------------------------------------------------------*/

	/* pcMainTable is the container for all information displayed on the
     by ProductCart on the page */
		.pcMainTable {
			width: 100%;
			border: 0;
			border-collapse: collapse;
		}

	/* pcShowProducts is the table that organizes the display of products
	   (e.g. in a category or when viewing best sellers or new arrivals.
		 By default it's set to 100% width and to align in the center of the page. */
		.pcShowProducts {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
			border: 1px dotted #E1E1E1;
			margin-top: 10px;
			padding: 5px;
		}
		
		.pcShowProducts td {
			padding: 3px;
		}
		
	/* pcShowContent is the table that organizes the display of information other than
	   products. It does not have a dotted border around it. 
		 By default it's set to 100% width and to left of the page. */
		.pcShowContent {
			text-align: left;
			margin-left: 0;
			width: 100%;
			border: 0;
			border-collapse: collapse;
			margin-top: 5px;
			padding: 5px;
		}
		
		.pcShowContent td {
			padding: 3px;
			vertical-align: top;
		}
		
	/* pcShowCart is the table that organizes the display of information on
		 the shopping cart page */
		.pcShowCart {
			text-align: left;
			margin-left: 0;
			width: 100%;
			border: 0;
			border-collapse: collapse;
		}

		.pcShowCart td {
			padding: 1px;
			vertical-align: top;
		}
		
	/* pcShowList is used when showing a list of items such as quantity discounts */
		.pcShowList {
			text-align: left;
			width: 80%;
			border: 1px solid #e1e1e1;
			border-collapse: collapse;
		}

	/* pcPageNav handles the page navigation at the bottom of the page, when present. */
		.pcPageNav {
			text-align: left;
			width: 100%;
			border: 0;
			border-collapse: collapse;
			margin: 5px 0 0 0;
		}

/* Styles within MAIN TABLE */

	/* Style the page title */
	.pcMainTable h1 {
		/* background-color: #E5E5E5; */
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 5px;
	}
	
	/* Style the table title (e.g. table showing quantity discounts) */
	.pcMainTable h2 {
		/* background-color: #F5F5F5; */
		font-size: 15px;
		margin: 0 0 5px 0;
		padding: 5px;
	}
	
	.pcMainTable h3 {
		font-size: 12px;
		margin-top: 10px;
		margin: 5px 0 5px 0;
		padding: 5px;
	}
	
	/* Style the table headings */
	.pcMainTable th {
		/* background-color: #FFFFCC; */
		font-size: 12px;
		font-weight: bold;
		padding: 4px;
		border-bottom: 1px solid #E1E1E1;
	}
	
	/* Remove the default marging from paragraphs */	
	.pcMainTable p {
		margin: 0 0 0 5px;
	}
	
/* Style within SHOW PRODUCTS table */

	/* Style the product name */
	.pcShowProductName {
		font-size: 12px;
		color: #ffffff;
	}
	
	/* Style the product sku */
	#pcMain .pcShowProductSku {
		color: #ffffff;
	}
	
	/* Style the product weight */
	#pcMain .pcShowProductWeight {
		color: #ffffff;
	}
	
	/* Style the product brand */
	#pcMain .pcShowProductBrand {
		color: #ffffff;
	}
	
	/* Style the product stock */
	#pcMain .pcShowProductStock {
		color: #ffffff;
	}
	
	/* Style the Product BTO Default Config */
	#pcMain .pcShowProductBTOConfig {
		color:#ffffff;
	}
	
	/* Style the Product Custom Search */
	#pcMain .pcShowProductCustSearch {
		color:#ffffff;
	}
	
	/* Style the Product Free Shipping Text */
	#pcMain .pcShowProductShipping {
		color:#ffffff;
	}
	
	/* Change font color for "Show Product's Price" feature */
	#pcMain .pcShowProductPrice {
		color:#ffffff;
	}
	
	/* Strikethrough for List Price */
	#pcMain .pcShowProductListPrice {
		text-decoration:line-through;
	}
	
	/* Change font color for "Show Savings" feature */
	#pcMain .pcShowProductSavings {
		color:#ffffff;
	}
	
	/* Style the short product description */
	#pcMain .pcShowProductSDesc {
		color:#ffffff;
		padding-right: 30px;
	}
	
	/* Style the "Not for Sale" text */
	#pcMain .pcShowProductNFS {
		color:#0066FF;
		font-weight:bold;
		margin: 5px;
	}
	
	/* Style the paragraph that includes the "More Details" button */
	.pcShowProductLink {
		padding-top: 3px;
	}
	
	/* Style the paragraph that includes the "Sort by" drop-down */
	.pcSortProducts {
		text-align: right;
	}

	/* pcShowProductsH handles the table that shows product info
	   when products are displayed horizontally */
		 
		.pcShowProductsH {
			width: 125px;
			height: 225px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		.pcShowProductImageH {
			height: 125px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		#pcMain .pcShowProductImageH img {
			border: 1px solid #E1E1E1;
			padding: 5px;
		}
		
		.pcShowProductInfoH {
			height: 100px;
			margin-top: 5px;
			vertical-align: top;
		}
		
		.pcShowProductInfoH p {
			text-align: center;
		}
	
	/* pcShowProductsP handles the table that shows product info
	   when products are displayed vertically */
		 
		.pcShowProductsP {
			margin: 5px;
			padding: 5px;
			width: 100%;
		}
		
		.pcShowProductImageP {
			height: 125px;
			width: 125px;
			text-align: center;
		}
		
		.pcShowProductImageP img {
			border: 1px solid #E5E5E5;
			padding: 5px;
		}
		
		.pcShowProductInfoP {
			text-align: left;
			width: 95%;
			padding-left: 10px;
		}
		
	/* pcShowProductsL handles the table that shows product info
	   when products are displayed in a list */
		 
		.pcShowProductsL {
			width: 100%;
			text-align: left;
		}
		
		.pcShowProductsLheader {
			text-align: left;
			/* background-color:#000000; */
		}
		
		.pcShowProductsLCell {
			vertical-align: top;
			text-align: left;
		}
		
		.pcShowProductImageL {
			height: 25px;
			width: 25px;
			text-align: left;
			padding: 5px 5px 0 5px;
		}
		
	/* pcShowProductsM handles the table that shows product info
	   when products are displayed in a list with the quantity field */
		 
		.pcShowProductsMheader {
			text-align: left;
			/* background-color:#000000; */
		}
		
		.pcShowProductsM {
			width: 100%;
			text-align: left;
			vertical-align: top;
		}
		
		.pcShowProductImageM {
			height: 25px;
			width: 25px;
			text-align: left;
			padding: 0 5px 0 5px;
		}
		
		
		/*-----------------------------------------------------------------------------------------
	 Browse by Category or Brand
	----------------------------------------------------------------------------------------*/
		 
		.pcShowCategory {			
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		.pcShowCategory td {
			vertical-align: bottom;
		}
		
		.pcShowCategoryP {
			width: 100%;
			text-align: left;
		}
		
		.pcShowCategoryImage {
			height: 125px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		.pcShowCategoryImage img {
			padding: 5px;
		}
		
		.pcShowCategoryInfo {
			margin-top: 5px;
			vertical-align: top;
		}
		
		.pcShowCategoryInfo p {
			text-align: center;
		}
		
		.pcShowCategoryInfoP {
			width: 100%;
			margin-top: 5px;
			text-align: left;
			vertical-align: top;
		}