@charset "UTF-8";
/* CSS Document
Gretchen Peters
Store CSS
©2009 Gretchen Peters
Created 11/5/09 8:06AM
Updated 11/5/09 8:06AM
Validated 11/5/09 8:06AM
CSS code by Steve Wilkison at Digital Vision Media, www.digitalvisionmedia.com */

/* LAYOUT ELEMENTS */

div#wrapperdiv {
	background: url(../images/albumbackslice.jpg) top left repeat-y;
}

div#pagebackgrounddiv {
	background: url(../images/store_02.jpg) top left no-repeat;
}

div#navigationdiv {
	width: 139px;
	height: 336px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 312px;
	left: 60px;
}

div#coverdiv {
	width: 398px;
	height: 383px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 0;
	left: 702px;
}

div#storediv { /* total width is 770px */
	width: 670px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
	padding: 450px 0 25px 310px;
}

div#footerdiv {
	font-size: 70%;
	color: #3d3f35;
	width: 1139px;
	height: 229px;
	background: url(../images/albumfooter_05.jpg) top left no-repeat;
}

div#copyrightdiv {
	width: 300px;
	float: left;
	padding: 165px 0 0 150px;
}

div#designdiv {
	width: 300px;
	float: right;
	text-align: right;
	padding: 165px 70px 0 0;
}

div#albumnavdiv {
	width: 416px;
	height: 116px;
	position: absolute;
	z-index: 20;
	visibility: visible;
	top: 264px;
	left: 308px;
}


div.albumdiv {
	width: 175px;
	float: left;
	margin: 0 30px 0 0;
}

div.songbookdiv {
	width: 200px;
}

div.specialdiv {
	width: 250px;
	float: left;
	margin: 0 30px 0 0;
}

div.albumsepdiv {
	height: 9px;
	clear: both;
	margin: 40px 0 40px 0;
}

div.buydiv {
	text-align: center;
	margin: 15px 0 0 0;
}

/* TEXT */

div#storediv div.albumdiv p , div#storediv div.songbookdiv p, div#storediv div.specialdiv p{
	padding: 0;
	font-size: 80%;
	text-align: center;
	color: #424741;
}

div#storediv div.albumdiv p.albumdesc, div#storediv div.songbookdiv p.albumdesc, div#storediv div.specialdiv p.albumdesc {
	padding: 5px;
	font-size: 75%;
}

div#directions {
	position: absolute;
	top: 317px;
	left: 311px;
	z-index: 10;
	visibility: visible;
	font-size: 70%;
	color: #cab;
	width: 671px;
}

div#directions p {
	padding: 0 0 4px 0;
}

div#storediv div.albumdiv p.title, div#storediv div.songbookdiv p.title, div#storediv div.specialdiv p.title {
	padding: 8px 0 0 0;
	font-weight: bold;
}

div#storediv div.albumdiv p.price, div#storediv div.songbookdiv p.price, div#storediv div.specialdiv p.price {
	padding: 3px 0 0 0;
	font-weight: bold;
}

div#storediv h1 {
	margin: 0 80px 40px 0;
	text-align: center;
	color: #ddded6;
}

span.strike {
	text-decoration: line-through;
}


/* IMAGES */

div#storediv div.albumdiv img, div#storediv div.songbookdiv img, div#storediv div.specialdiv img {
	border: 1px solid #000;
}

div#storediv div.albumdiv img.add {
	border: none;
	padding: 0 10px 0 0;
}

div#storediv div.albumdiv img.addt {
	border: none;
	padding: 0;
}

div#storediv div.songbookdiv img.add, div#storediv div.specialdiv img.add {
	border: none;
}

div#storediv div.albumdiv img.info, div#storediv div.songbookdiv img.info {
	border: none;
}


/* LINKS */

div#storediv a {
	color: #cab5ba;
	text-decoration: underline;
}

div#storediv a:hover {
	color: #fff;
	text-decoration: underline;
}

/*
  -----------------------------------
  TabPanel Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  -----------------------------------
*/

.p7TPpanel {
	border: 0;
}

.p7TPwrapper {
	padding: 0;
}

.p7TP_tabs {
	padding: 0;
	font-size: 1.1em;
}

#p7TP1 .p7TP_tabs a, #p7TP2 .p7TP_tabs a, #p7TP3 .p7TP_tabs a, #p7TP4 .p7TP_tabs a, #p7TP5 .p7TP_tabs a {
	padding: 4px 6px;
	display: block;
	float: left;
	color: #000;
	text-decoration: none;
	background-color: #b28e92;
	border: 1px solid #2e2a21;
	border-bottom: 0;
}

#p7TP1 .p7TP_tabs a:focus, #p7TP2 .p7TP_tabs a:focus, #p7TP3 .p7TP_tabs a:focus, #p7TP4 .p7TP_tabs a:focus, #p7TP5 .p7TP_tabs a:focus {
	outline: 1px dotted;
	outline-color: #2e2a21;
}

#p7TP1 .p7TP_tabs a:hover, #p7TP2 .p7TP_tabs a:hover, #p7TP3 .p7TP_tabs a:hover, #p7TP4 .p7TP_tabs a:hover, #p7TP5 .p7TP_tabs a:hover, #p7TP1 .p7TP_tabs a:active, #p7TP2 .p7TP_tabs a:active, #p7TP3 .p7TP_tabs a:active, #p7TP4 .p7TP_tabs a:active, #p7TP5 .p7TP_tabs a:active {
	color: #ddded6;
	background-color: #683431;
}

.p7TP_tabs div {
	display: block;
	float: left;
	margin: 0 -2px 0 0;
}

.p7TPclear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.p7TPcontent {
	background-color: #ddded6;
	font-size: 1em;
	position: relative;
	z-index: 1;
	top: -1px;
	left: 0;
	border: 1px solid #333;
	color: #444843;
	padding: 35px 0 25px 35px;
}

.p7TPcontent h2, .p7TPcontent h3, .p7TPcontent h4 {
	font-size: 1.1em;
	margin: 0px;
	line-height: normal;
}

div.p7TPcontent p {
	margin:0 0 2px 0;
	font-size: 90%;
}

#p7TP1 .p7TP_tabs div.down, #p7TP2 .p7TP_tabs div.down, #p7TP3 .p7TP_tabs div.down, #p7TP4 .p7TP_tabs div.down, #p7TP5 .p7TP_tabs div.down {
	padding: 0;
	position: relative;
	z-index: 2;
}

#p7TP1 .p7TP_tabs div.down a, #p7TP2 .p7TP_tabs div.down a, #p7TP3 .p7TP_tabs div.down a, #p7TP4 .p7TP_tabs div.down a, #p7TP5 .p7TP_tabs div.down a {
	background-color: #683431 !important;
	color: #ddded6 !important;
}

/*HIDE the TABS*/
.p7TP_tabs {
	display: none;
}

/* TAB PANEL MAGIC ADDED BY STEVE */