* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-family: arial, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	min-width: 866px;
}

/* --- Header --- */

#header {
	position: relative;
	height: 120px;
	background: #FFE774 url('images/header-background.jpg') 232px 0px no-repeat;
}
#header #logo {
	width: 232px;
	height: 119px;
	background: url('images/logo.jpg') left top no-repeat;
}
#header #logoFlash {
	width: 232px;
	height: 119px;
}
#header #logo strong {
	visibility: hidden;
}
#header #headerbar {
	position: absolute;
	height: 20px;
	right: 0;
	bottom: 0;
	left: 232px;
	background: #FFDD3C;
}
#header #textlinks {
	position: absolute;
	right: 5px;
	bottom: 3px;
	text-align: right;
}
#header #textlinks a {
	text-decoration: none;
	font-size: 0.9em;
	color: #000000;
}
#header #textlinks a:hover  {
	text-decoration: underline;
}
#header #nav {
	position: absolute;
	bottom: 12px;
	left: 232px;
}

/* --- Main Nav --- */
#header #nav ul {
	list-style: none;
	background: #FFDD3C url('images/navtabtop.jpg') left top no-repeat;
	padding-top: 5px;
	float: left;
}
#header #nav li {
	float: left;
}
#header #nav li a {
	float: left;
	display: inline;
	color: #000000;
	height: 36px;
}
#header #nav .navhome {
	background: url('images/navtabbreak1.jpg') left top no-repeat;
}

#header #nav a {
	text-decoration: none;
}
#header #nav strong {
	visibility: hidden;
}

#header #nav .navtabbreak { float: left; width: 21px; height: 41px; }
#header #nav .navtabbreak1 { background: url('images/navtabbreak1.jpg') left top no-repeat; width: 13px; }
#header #nav .navtabbreak2 { background: url('images/navtabbreak2.jpg') left top no-repeat; }
#header #nav .navtabbreak3 { background: url('images/navtabbreak3.jpg') left top no-repeat; }
#header #nav .navtabbreak4 { background: url('images/navtabbreak4.jpg') left top no-repeat; }
#header #nav .navtabbreak5 { background: url('images/navtabbreak5.jpg') left top no-repeat; width: 13px; }
#header #nav .navtabbreak6 { background: url('images/navtabbreak6.jpg') left top no-repeat; width: 13px; }
#header #nav .navtabbreak7 { background: url('images/navtabbreak7.jpg') left top no-repeat; width: 13px; }

#header #nav .navhome a     {	background: url('images/navhome.jpg')     left 0px; width: 55px; }
#header #nav .navkids a     {	background: url('images/navkids.jpg')     left 0px; width: 43px; }
#header #nav .navgigs a     { 	background: url('images/navgigs.jpg')     left 0px; width: 45px; }
#header #nav .navphotos a   {	background: url('images/navphotos.jpg')   left 0px; width: 43px; }
#header #nav .navabout a    {	background: url('images/navabout.jpg')    left 0px; width: 58px; }
#header #nav .navproducts a {	background: url('images/navproducts.jpg') left 0px; width: 87px; }
#header #nav .navresources a{	background: url('images/navresources.jpg')  left 0px; width: 100px; }
#header #nav .navbuy a      {	background: url('images/navbuy.jpg')      left 0px; width: 38px; }
#header #nav .navcontact a  {	background: url('images/navcontact.jpg')  left 0px; width: 74px; }

#header #nav .navhome a:hover     {	background: url('images/navhome.jpg')     left -36px; }
#header #nav .navkids a:hover     {	background: url('images/navkids.jpg')     left -36px; }
#header #nav .navgigs a:hover     {	background: url('images/navgigs.jpg')     left -36px; }
#header #nav .navphotos a:hover   {	background: url('images/navphotos.jpg')   left -36px; }
#header #nav .navabout a:hover    {	background: url('images/navabout.jpg')    left -36px; }
#header #nav .navproducts a:hover {	background: url('images/navproducts.jpg') left -36px; }
#header #nav .navresources a:hover{	background: url('images/navresources.jpg')  left -36px; }
#header #nav .navbuy a:hover      {	background: url('images/navbuy.jpg')      left -36px; }
#header #nav .navcontact a:hover  {	background: url('images/navcontact.jpg')  left -36px; }

#header #nav .navhome a:active,     #pagehome #header #nav .navhome a         {	background: url('images/navhome.jpg')     left -72px; }
#header #nav .navkids a:active,     #pagekids #header #nav .navkids a         {	background: url('images/navkids.jpg')     left -72px; }
#header #nav .navgigs a:active,     #pagegigs #header #nav .navgigs a         {	background: url('images/navgigs.jpg')     left -72px; }
#header #nav .navphotos a:active,   #pagephotos #header #nav .navphotos a     {	background: url('images/navphotos.jpg')     left -72px; }
#header #nav .navabout a:active,    #pageabout #header #nav .navabout a       {	background: url('images/navabout.jpg')    left -72px; }
#header #nav .navproducts a:active, #pageproducts #header #nav .navproducts a {	background: url('images/navproducts.jpg') left -72px; }
#header #nav .navresources a:active,#pageresources #header #nav .navresources a   {	background: url('images/navresources.jpg')  left -72px; }
#header #nav .navbuy a:active,      #pagebuy #header #nav .navbuy a           {	background: url('images/navbuy.jpg')      left -72px; }
#header #nav .navcontact a:active,  #pagecontact #header #nav .navcontact a   {	background: url('images/navcontact.jpg')  left -72px; }

/* --- Left Panel features --- */

#Lfeatures {
	float: left;
	width: 175px;
	background: #6972EC url('images/LfeatureBG.jpg') right top repeat-y;
	border-right: 20px solid #FFDD3C;
	border-bottom: 20px solid #FFDD3C;
}

#Lfeatures .LfeaturesTop {
	width: 175px;
	height: 7px;
	overflow: hidden;
	background: #6972EC url('images/LfeatureBGTop.jpg') right top no-repeat;
}

#Lfeatures .Lfeature {
	width: 175px;
	background: #6972EC url('images/LfeatureSeparator.jpg') center bottom no-repeat;
	padding-bottom: 1px;
}
#Lfeatures .text {
	width: 161px;
	margin: 7px;
	margin-bottom: 0px;
	padding-bottom: 7px;
	text-align: center;
}

#Lfeatures .fullimage a {
	display: block;
	width: 175px;
}

/* --- Right Panel features --- */

#Rfeatures {
	position: relative;
	float: left;
	width: 193px;
	margin-right: -273px;
	background: red;
}

/* --- Content Area --- */

#content {
	position: relative;
	padding-top: 5px;
	padding-bottom: 60px;
	padding-left: 40px;
}

.showleftbar {
	margin-left: 195px;
}

.noleftbar {
	margin-left: 0px;
}

.nophotos {
	padding-right: 40px;
}

.showphotos {
	padding-right: 233px;
	background: url('images/RightPhotos.jpg') top right repeat-y;
}

/* --- Content Styles --- */

#content h1 {
	color: #EB3A71;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -0.07em;
	line-height: 0.9em;
	padding-bottom: 2px;
	margin: 1.4em 3em 0.3em 0;
	background: url('images/h1underline.jpg') left bottom repeat-x;
}

#content h2   {
	color: #000000;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0em;
	line-height: 1em;
	margin: 1.4em 0.5em 0.2em 0;
}

#content h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0.3em 0 -0.2em 0;
}

#content p {
	margin: 0.3em 0 0.8em 0;
}

#content img {
	margin: 15px;
}

#content a {
	color: #6972EC;
	text-decoration: underline;
}

#content a:hover {
	color: #FFFFFF;
	background: #6972EC;
	text-decoration: none;
}

#content a:visited {
	color: #EB3A71;
	text-decoration: underline;
}

#content a:visited:hover {
	color: #FFFFFF;
	background: #EB3A71;
	text-decoration: none;
}

#content ul {
	margin-left: 22px;
}

#content hr {
	border-top: #FFEE9C 1px solid;
	border-bottom: #FFDD3C 1px solid;
}

/* --- Product Pages --- */

#content .productPrices {
	clear: right;
	float: right;
	text-align: center;
	background: #FFFFEE;
	width: 200px;
	border-top: #FFDD3C 2px solid;
	border-bottom: #FFDD3C 2px solid;
	margin: 15px;
	padding: 2px 0px 10px 0px;
	color: #EB3A71;
}

#content .productPrices p {
	margin: 0;
	margin-top: 8px;
}

#content .productPrices .mainPrice {
	font-size: 1.8em;
	font-weight: bold;
}

#content .productPrices .additionalInfo {
	font-style: italic;
	margin-top: 0px;
}

#content .productMainImage {
	float: right;
	clear: right;
}

#content .productBuyMain {
	clear: right;
	float: right;
	text-align: center;
	width: 200px;
	margin: 0 15px;
	padding: 2px 0px 10px 0px;
	color: #EB3A71;
	font-size: 1.5em;
}

#content .trackTable {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

#content .trackTable thead tr th  {
	border-bottom: 1px solid #000000;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	padding: 5px;
}

#content .trackTable tbody tr td {
	padding: 5px;
	text-align: center;
}

#content .trackTable tbody tr .songNumber { text-align: right; }
#content .trackTable tbody tr .songTitle  { font-weight: bold; text-align: left; }
#content .trackTable tbody tr .songSample { font-size: 0.9em; }
#content .trackTable tbody tr .songSheet  { font-size: 0.9em; }
#content .trackTable tbody tr .songAction { font-size: 0.9em; }
#content .trackTable tbody tr .songBuy    { font-size: 0.9em; }

#content .trackTable tbody tr:hover td {
	background: #FFDD3C;
}


/* --- Pages of items --- */

#content #itemblocks {
	margin-left: -20px;
	margin-right: -20px;
}

#content #itemblocks .blockproduct,
#content #itemblocks .blockitem {
	float: left;
	margin: 12px;
	position: relative;
	width: 315px;
	background: url('/styles/images/round-border-bottom.gif') bottom left no-repeat;
}

#content #itemblocks .blockproduct {
	min-height: 180px;
}

#content #itemblocks .blockitem {
	min-height: 150px;
}

#content #itemblocks .productStandard,
#content #itemblocks .itemStandard {
	background-color: #FFFFEE;
}

#content #itemblocks .topborder {
	background: url('/styles/images/round-border-top.gif') top left no-repeat;
	height: 16px;
	margin-bottom: 1px;
}

#content #itemblocks .blockcontent {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 12px;
}

#content #itemblocks .blockcontent h2 {
	margin-top: 0px;
	margin-bottom: 10px;
}

#content #itemblocks .blockcontent h2 .productDescriptor {
	font-size: 0.75em;
	color: #6972EC;
}

#content #itemblocks .blockcontent h2 a {
	text-decoration: none;
	color: #000000;
}

#content #itemblocks .blockcontent h2 a:hover {
	background: #FFDD3C;
	color: #EB3A71;
}

#content #itemblocks .blockcontent h2 a:hover .productDescriptor {
	color: #EB3A71;
}

#content #itemblocks .blockcontent img {
	margin: 0px 15px 10px 0px;
	float: left;
}

/* --- Photo pages --- */

#content #photoalbumlist ul {
	margin: 30px;
	margin-bottom: 150px;
}

#content #photoalbumlist ul li {
	margin: 6px;
	font-size: 0.9em;
}

#content #photoalbumlist ul li a {
	font-size: 1.4em;
	font-weight: bold;
}

#content #thumbnailScroller {
	position: relative;
	overflow: scroll;
	overflow-y: hidden;
	height: 88px;
	width: 100%;
	border: 1px solid #000000;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

#content #thumbnailScroller #thumbnails {
	background: white;
}

#content #thumbnailScroller #thumbnails .thumbnail {
	border: none;
	float: left;
	text-align: center;
	font-size: 0.85em;
}

#content #thumbnailScroller #thumbnails .thumbnail a {
	display: block;
	margin: 0;
	padding: 0;
}

#content #thumbnailScroller #thumbnails .thumbnail a img {
	padding: 0px;
	margin: 5px;
	margin-bottom: 3px;
	border: none;
	float: none;
}

#content #thumbnailScroller #thumbnails .thumbnail .end {
	padding: 25px 10px;
}

#content #photoArea  {
	text-align: center;
}

#content #photoArea .navigate {
	padding: 10px;
}

#content #photoArea .navigate .navigateback {
	float: left;
}

#content #photoArea .navigate .navigateforward {
	float: right;
}

#content #photoArea img {
	margin: 25px;
	border: 7px solid #F0F0F0;
}

#content #photoArea h2 {
	margin-top: 0;
}

/* --- Mailing List Box --- */

#content #mailinglistbox {
	clear: right;
	float: right;
	background: #FFFFEE;
	width: 300px;
	border-top: #FFDD3C 2px solid;
	border-bottom: #FFDD3C 2px solid;
	margin: 20px;
	margin-right: 0px;
	padding: 15px;
	padding-bottom: 6px;
}

#content #mailinglistbox h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #EB3A71;
	text-align: center;
	margin-top: 0;
	margin-bottom: 10px;
}

#content #mailinglistbox p {
	margin-top: 0.6em;
}

#content #mailinglistbox form b {
	float: left;
	display: block;
	width: 95px;
	margin-bottom: 5px;
}
#content #mailinglistbox input {
	border: 1px solid #FFDD3C;
	width: 200px;
	float: left;
	margin-bottom: 5px;
}

#content #mailinglistbox .formbutton {
	text-align: center;
	float: none;
	clear: both;
}

#content #mailinglistbox .formbutton input {
	background: url('images/button-gradient.gif') center top repeat-x #FFE66E;
	width: 150px;
	cursor: pointer;
	float: none;
}

#content #mailinglistbox .formbutton input:hover {
	background: url('images/button-gradient-over.gif') center top repeat-x #FFF2AB;
}

#content #mailinglistbox .formbutton input:active {
	background: url('images/button-gradient-press.gif') center top repeat-x #FFFFF0;
}

/* --- Resource Listings --- */

#content .resourcelisting {
	margin-left: 80px;
	list-style-image: url('images/dotpoint-arrow.gif');
	list-style-type: circle;
}

#content .resourcelisting li {
	padding-top: 1px;
}

/* --- Buy pages --- */

#content #productSelection .productStandard {
	background: #FFFFEE;
	margin-top: 20px;
	border-bottom: 1px solid #FFDD3C;
	clear: both;
}

#content #productSelection .productStandard .productHead {
	background: #FFDD3C;
	border: 1px solid #FFEE8C;
	padding: 4px;
}

#content #productSelection .productStandard .productHead h2 {
	float: left;
	font-size: 1.5em;
	margin: 0;
	margin-top: 2px;
	padding: 0;
}

#content #productSelection .productStandard .productHead h2 .productDescriptor {
	margin-top: 2px;
	font-size: 0.75em;
	color: #EB3A71;
}

#content #productSelection .productStandard .productHead input {
	float: right;
	margin: 2px 2px 1px 2px;
	width: 30px;
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;

}

#content #productSelection .productStandard .productHead label {
	float: right;
	margin: 3px 2px 1px 0px;
	font-size: 0.9em;
}

#content #productSelection .productStandard .linktoProduct a {
	font-style: italic;
	color: #6972EC;
}

#content #productSelection .productStandard .linktoProduct a:hover {
	background: #6972EC;
	color: #FFFFEE;
}

#content #productSelection .productStandard .linktoProduct a:visited {
	color: #6972EC;
}

#content #productSelection .productStandard .linktoProduct a:visited:hover {
	color: #FFFFEE;
}

#content #productSelection .productStandard p {
	padding-left: 7px;
	width: 500px;
	padding-right: 50px;
}

#content #productSelection .productStandard .productPricing {
	margin-top: 20px;
	float: right;
	width: 150px;
	padding-right: 0;
}

#content #productSelection .productStandard .productPricing b {
	font-size: 1.35em;
	font-weight: bold;
}

#content #productSelection .productStandard .specialNote {
	color: #EB3A71;
	font-style: italic;
	font-size: 0.9em;
}

#content #productSelection .productStandard .specialNote i {
	font-style: italic;
	font-weight: bold;
}

#content #productSelection .productStandard img {
	float: right;
	margin: 10px;
}

#content #productSelection #currentPurchaseSelections {
	float: left;
}

#content #productSelection #currentPurchaseSelections h3 {
	margin-bottom: 8px;
}

#content #productSelection #currentPurchaseSelections table {
	font-size: 0.9em;
	width: 300px;
	border: 2px solid #000000;
	border-collapse: collapse;
}

#content #productSelection #currentPurchaseSelections table td {
	border: 1px solid #000000;
	padding: 2px;
}

#content #productSelection #currentPurchaseSelections table th {
	font-weight: bold;
	padding: 3px;
}

#content #productSelection #currentPurchaseSelections table .pricebold {
	font-weight: bold;
}

#content #productSelection #currentPurchaseSelections table .priceright {
	text-align: right;
}

#content #productSelection #currentPurchaseSelections table .pricelarge {
	font-size: 1.1em;
}

#content #productSelection #checkoutArea {
	float: left;
	margin: 15px 50px;
	border-left: 2px solid #FFEE8C;
	padding-left: 50px;
}

#content .tempBorders input,
#content .tempBorders textarea {
	border: 1px solid #000000;
}	


/* --- Wholesale Info Box --- */

#content #wholesaleinfobox {
	float: right;
	background: #FFFFEE;
	width: 300px;
	border: #FFDD3C 2px solid;
	margin: 30px;
	margin-right: 0px;
	padding: 8px 10px;
}

#content #wholesaleinfobox p {
	font-size: 0.9em;
	margin: 4px;
	padding: 0;
}

#content #wholesaleinfobox a {
	font-weight: bold;
}

#content #upcomingevents,
#content #pastevents {
	margin-top: 5px;
	margin-left: 12px;
}

#content #upcomingevents p,
#content #pastevents p {
	margin: 0;
	margin-left: 40px;
}

#content #upcomingevents h3,
#content #pastevents h3 {
	background: #FFFFEE;
	padding: 4px;
	margin: 4px 0;
}

/* --- Promotionals --- */

.promotionalsTable {
	width: 100%;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid #000000;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.promotionalsTable td {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 8px;
}

/* --- General Forms --- */

.generalform p b {
	margin-bottom: 5px;
}
.generalform p input, .generalform p select {
	border: 1px solid #FFDD3C;
	width: 200px;
	margin-bottom: 5px;
}

.generalform p textarea {
	border: 1px solid #FFDD3C;
	margin-bottom: 5px;
	font-family: arial, sans-serif;
	font-size: 12px
}

.generalform p .formbutton {
	text-align: center;
	float: none;
}

.generalform .formbutton input {
	background: url('images/button-gradient.gif') center top repeat-x #FFE66E;
	width: 150px;
	cursor: pointer;
	float: none;
}

.generalform .formbutton input:hover {
	background: url('images/button-gradient-over.gif') center top repeat-x #FFF2AB;
}

.generalform .formbutton input:active {
	background: url('images/button-gradient-press.gif') center top repeat-x #FFFFF0;
}

.philippinesdiaryday {
	background: url('../images/philippines/style-diaryday-bottom.jpg') bottom right no-repeat;
	padding: 5px;
	padding-bottom: 10px;
	margin: 15px 0px;
}

.philippinesdiaryday h3 {
	background: url('../images/philippines/style-diaryday-top.jpg') top left no-repeat;
	line-height: 40px;
	padding-left: 18px;
}

.philippinesdiaryday p {
	padding-left: 18px;
	padding-right: 18px;
}

#content .pageanchorjump {
	margin-left: 40px;
	list-style-image: url('images/dotpoint-arrowdn.gif');
	list-style-type: circle;
}

#content .pageanchorjump li {
	padding-top: 1px;
}

/* --- Misc --- */

.clearall {
	float: none;
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.fineprint {
	font-size: 0.8em;
	letter-spacing: -0.02em;
}