@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: #f4eadb url(../images/bg.jpg) top repeat-x;
	text-align: center;
	float: inherit;
}
body img {
	border: 0px;
}

#clear {
	width: 100%;
	height: 0px;
	clear: both;
}

#wrapper {
	text-align: left;
	float: inherit;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 900px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
}
#header img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#topLogo {
	position: relative;
	float: left;
	width: 291px;
	height: 100px;
}
#topSearch {
	position: static;
	float: right;
	width: 160px;
	height: 30px;
	background: url(../images/search.png) top right no-repeat;
	margin: 62px 0px 0px 0px;
	padding: 0px;
}
#topSearch input {
	position: static;
	float: left;
	margin: 5px 0px 0px 12px;
	padding: 1px;
	width: 118px;
	height: 20px;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #565656;
}
#topButton {
	width: 30px;
	height: 30px;
	position: static;
	float: right;
	margin: 62px 10px 0px 0px;
	padding: 0px;
	text-align: center;
}

#navWrapper {
	margin: 0px;
	width: 900px;
	height: 43px;
	background-color: #7FA87C;
}
#topNav {
	position: static;
	float: right;
	width: 840px;
	height: 43px;
	background: #1C260B url(../images/bg-nav.jpg) top left no-repeat;
	clear: both;
}
#navButton {
	position: static;
	float: left;
	display: block;
	width: auto;
	height: 31px;
	margin: 0px;
	padding: 12px 19px 0px 19px;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#navButton.on {
	background-color: #006600;
}
#navButton a {
	color: #FFFFFF; text-decoration: none;
}

#topFeatured {
	background-color: #7FA87C;
	width: 900px;
	height: 313px;
}
#featuredFlash {
	position: static;
	float: left;
	width: 664px;
	height: 270px;
}

#newReleases {
	width: 664px;
	height: 300px;
	position: static;
	float: left;
	background-color: #b6a65d;
}

#extras {
	width: 236px;
	height: 300px;
	position: static;
	float: left;
	background-color: #1b260a;
}
#extrasTop {
	width: 236px;
	height: 270px;
	position: static;
	float: right;
	background-color: #fff;
	margin-left: -10px;
}

#extrasTitle {
	width: 236px;
	height: 43px;
	background: url(../images/bg-extras.png) top left no-repeat;
	padding: 12px 0px 0px 0px;
	margin: 0px 0px -12px 0px;
	text-align: center;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float:left;
}
#freeMP3 {
	width: 100%;
	height: 105px;
	margin: 0px;
	background: #908E5D url(../images/bg-extras1.jpg) top left repeat-x;
}
#news {
	width: 100%;
	height: 78px;
	margin: 0px;
	background: #908E5D url(../images/bg-extras1.jpg) top left repeat-x;
}
#newsletter {
	width: 100%;
	height: 87px;
	margin: 0px;
	background: #908E5D url(../images/bg-extras1.jpg) top left repeat-x;
}
#streetTeam {
	width: 100%;
	height: 66px;
	margin: 0px;
	background: #908E5D url(../images/bg-extras1.jpg) top left repeat-x;
}
#streetTeam a:link {color: #FFFFFF; text-decoration: none;}
#streetTeam a:active {color: #FFFFFF; text-decoration: none;}
#streetTeam a:hover {color: #005599; text-decoration: underline;}
#streetTeam a:visited {color: #FFFFFF; text-decoration: none;}
#streetTeam a:visited:hover {color: #005599; text-decoration: underline;}
#extrasObject {
	position: static;
	float: left;
	width: 212px;
	margin: 12px 0px 0px 12px;
	font: 14px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#extrasObject img {
	margin: 0px 7px 0px 0px;
	padding: 0px;
	border: 0px;
}
#extrasObject p {
	margin: 7px 0px 0px 0px;
	padding: 0px;
}
#freeMP3Info {
	width: 215px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: italic;
}
#freeMP3Info a:link {color: #b9bb18; text-decoration: none;}
#freeMP3Info a:active {color: #b9bb18; text-decoration: none;}
#freeMP3Info a:hover {color: #b9bb18; text-decoration: underline;}
#freeMP3Info a:visited {color: #b9bb18; text-decoration: none;}
#freeMP3Info a:visited:hover {color: #b9bb18; text-decoration: underline;}
#random {
	width: 216px;
	height: 250px;
	padding: 10px;
	background: #827C5A url(../images/grad-brown.jpg) top left repeat-x;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#compassRecordsGroup {
	width: 900px;
	height: 43px;
	background-color: #1b260a;
	position: static;
	float: left;
}

#latestNews {
	width: 289px;
	height: 205px;
	position: static;
	float: left;
	background: url(../images/bg-bottom1.jpg) top repeat-x;
	display: block;
}
#latestNewsTitle {
	width: 289px;
	height: 31px;
	background: #1b260a;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float:left;
}
#latestNewsContent {
	clear: both;
	margin: 0px 0px 0px -5px;
	padding: 5px 10px 10px 0px;
	overflow: hidden;
}
#latestNewsContent ul {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#latestNewsContent li {
	list-style-image: url(../images/li.png);
	margin: 0px 0px 3px 0px;
}
#latestNewsContent a:link {color: #efe280; text-decoration: none;}
#latestNewsContent a:active {color: #efe280; text-decoration: none;}
#latestNewsContent a:hover {color: #efe280; text-decoration: underline;}
#latestNewsContent a:visited {color: #efe280; text-decoration: none;}
#latestNewsContent a:visited:hover {color: #efe280; text-decoration: underline;}

#promotions {
	width: 263px;
	height: 205px;
	position: static;
	float: left;
	background: url(../images/bg-bottom2.jpg) top repeat-x;
	display: block;
}
#promotionsTitle {
	width: 263px;
	height: 31px;
	background:  #1b260a url(../images/bg-extras.png) top left no-repeat;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float:left;
}

#comingSoon {
	width: 348px;
	height: 205px;
	position: static;
	float: left;
	background: url(../images/bg-bottom3.jpg) top repeat-x;
	display: block;
}
#comingSoonTitle {
	width: 348px;
	height: 31px;
	background:  #1b260a url(../images/bg-extras.png) top left no-repeat;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float:left;
}

#footer {
	display: inline-block;
	padding: 0px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bg-footer.jpg) bottom no-repeat;
	font: 11px Century Gothic, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.5em;
	position: relative;
	top: -1px;
}
#footer a:link {color: #005599; text-decoration: none;}
#footer a:active {color: #005599; text-decoration: none;}
#footer a:hover {color: #005599; text-decoration: underline;}
#footer a:visited {color: #005599; text-decoration: none;}
#footer a:visited:hover {color: #005599; text-decoration: underline;}

#footerLogos {
	width: 620px;
	height: 22px;
	vertical-align: middle;
	font: 12px Century Gothic, Arial, Helvetica, sans-serif;
	margin: 23px 0px 0px 0px;
}
#footerLogo {
	position: static;
	float: left;
	margin: 0px 30px 0px 0px;
}
#footerLogo img {
	border: 0px;
	margin: -5px 10px 0px 0px;
}

#artists {
	background: #556541 url(../images/grad-green.jpg) top repeat-x;
	width: 900px;
	height: 618px;
	margin: 0px;
	padding: 0px;
}
#artistsWrapper {
	width: 850px;
	margin: 0px;
	padding: 25px;
}
#artistsWrapper h1 {
	font: 24px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 40px 0px 25px 25px;
	padding: 0px;
}
#artistsTopLeft {
	width: 173px;
	height: 31px;
	background-color: #212121;
	padding: 12px 0px 0px 15px;
	text-align: left;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float:left;
}
#artistsTopRight {
	width: 662px;
	height: 31px;
	background: #212121 url(../images/bg-extras.png) top left no-repeat;
	padding: 12px 0px 0px 0px;
	text-align: center;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float:left;
}
#artistsTopRight a:link {margin: 0px 4px 0px 4px; color: #FFFFFF; text-decoration: none; border-bottom: 0px;}
#artistsTopRight a:active {margin: 0px 4px 0px 4px; color: #61b53c; text-decoration: none; border-bottom: 3px solid #61b53c;}
#artistsTopRight a:hover {margin: 0px 4px 0px 4px; color: #61b53c; text-decoration: none; border-bottom: 3px solid #61b53c;}
#artistsTopRight a:visited {margin: 0px 4px 0px 4px; color: #FFFFFF; text-decoration: none; border-bottom: 0px;}
#artistsTopRight a:visited:hover {margin: 0px 4px 0px 4px; color: #61b53c; text-decoration: none; border-bottom: 3px solid #61b53c;}

#artistsNav {
	width: 188px;
	height: 418px;
	background-color: #b7a75e;
	padding: 12px 0px 0px 0px;
	text-align: left;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float: left;
}
#artistsNavItem {
	width: 158px;
	margin: 0px;
	padding: 15px;
	position: static;
	float: left;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
}
#artistsNavItem.on {
	background-color: #006600;
}
#artistsNavItem a {
	color: #FFFFFF; text-decoration: none;
	display: block;
}
#artistsMain {
	width: 632px;
	height: 400px;
	margin: 0px;
	padding: 15px;
	background-color: #f4ebdb;
	position: static;
	float: left;
}
#artistsMain iframe {
	width: 632px;
	height: 400px;
	border: 0px;
}


.show {display: block;}
.hide {display: none;}

#artistTop {
	width: 900px;
	height: 355px;
	background: #b9ab6c url(../images/grad-tan.jpg) top repeat-x;
}
#artistTop h1 {
	font: 20px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 0px 28px;
	padding: 55px 0px 0px 0px;
}
#artistTop h1 a:link {color: #0b486f; text-decoration: none;}
#artistTop h1 a:active {color: #0b486f; text-decoration: none;}
#artistTop h1 a:hover {color: #0b486f; text-decoration: underline;}
#artistTop h1 a:visited {color: #0b486f; text-decoration: none;}
#artistTop h1 a:visited:hover {color: #0b486f; text-decoration: underline;}
#artistPhoto {
	float: left;
	width: 290px;
	min-height: 275px;
	display: block;
	overflow: visible;
}
#artistTopText {
	position: static;
	float: left;
	width: 425px;
	height: 240px;
	font: 12px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
#artistTopText h1 {
	font: 17px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #231f20;
}
#artistTopText h2 {
	font: 17px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #231f20;
}
#artistTopText a:link {color: #0b486f; text-decoration: none;}
#artistTopText a:active {color: #0b486f; text-decoration: none;}
#artistTopText a:hover {color: #0b486f; text-decoration: underline;}
#artistTopText a:visited {color: #0b486f; text-decoration: none;}
#artistTopText a:visited:hover {color: #0b486f; text-decoration: underline;}
#artistTopText ul {margin: 0px; padding: 0px 0px 0px 15px; font: 11px Geneva, Arial, Helvetica, sans-serif; width: 80%;}
#artistTopText li {
	margin: 2px 0px 2px 0px;
	padding: 0px;
	list-style-image: url(../images/li-black.gif);
}
#artistTopText p {
	margin: 0px 0px 10px 0px;
}
#artistTopAlbum {
	position: static;
	float: left;
	width: 135px;
	height: auto;
	margin: 40px 0px 0px 30px;
}


#artistMid {
	width: 900px;
	height: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}
#artistDisc {
	float: left;
	width: 475px;
	height: 230px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#artistRel {
	float: left;
	width: 159px;
	height: 230px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#artistRec {
	float: left;
	width: 266px;
	height: 230px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#artistRandom {
	float: left;
	width: 266px;
	height: 230px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#randomTitle {
	width: 266px;
	height: 31px;
	background: #1b260a url(../images/bg-extras.png) top left no-repeat;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float:left;
}
#randomWrap {
	background: #c3c196 url(../images/grad-green.jpg) top repeat-x;
	width: 246px;
	height: 210px;
	padding: 10px 10px 10px 10px;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}


#artistBottom {
	width: 900px;
	height: 345px;
	background: #c3c196 url(../images/grad-tanLight.jpg) top repeat-x;
}
#artistBottomTitle {
	width: 885px;
	height: 31px;
	background-color: #1b260a;
	padding: 12px 0px 0px 15px;
	margin: 0px;
	text-align: left;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float:left;
}
#artistBio {
	width: 575px;
	height: 275px;
	position: static;
	float: left;
	overflow: auto;
	margin: 10px 15px 0px 15px;
	padding: 0px 0px 10px 0px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
}
#artistTour {
	width: 260px;
	height: 275px;
	position: static;
	float: left;
	overflow: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}
#artistTour h1 {
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}
#artistTour a:link {color: #0b486f; text-decoration: none;}
#artistTour a:active {color: #0b486f; text-decoration: none;}
#artistTour a:hover {color: #0b486f; text-decoration: underline;}
#artistTour a:visited {color: #0b486f; text-decoration: none;}
#artistTour a:visited:hover {color: #0b486f; text-decoration: underline;}
#artistTour ul {margin: 0px; padding: 0px 0px 0px 15px;}
#artistTour li {
	margin: 2px 0px 2px 0px;
	padding: 0px;
	list-style-image: url(../images/li-black.gif);
}

#albumTop {
	width: 900px;
	position: static;
	float: left;
	height: auto;
	display: inline-table;
	background: #FFFFFF url(../images/grad-tanWhite.jpg) top repeat-x;
	margin: 0px;
	padding: 0px;
}
#albumTop h1 {
	font: 20px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 0px 28px;
	padding: 55px 0px 0px 0px;
}
#albumTop h1 a:link {color: #0b486f; text-decoration: none;}
#albumTop h1 a:active {color: #0b486f; text-decoration: none;}
#albumTop h1 a:hover {color: #0b486f; text-decoration: underline;}
#albumTop h1 a:visited {color: #0b486f; text-decoration: none;}
#albumTop h1 a:visited:hover {color: #0b486f; text-decoration: underline;}

#albumText {
	float: left;
	width: 555px;
	height: auto;
	font: 12px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	top: 10px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#albumText h1 {
	font: 18px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #005599;
}
#albumText h2 {
	font: 17px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #231f20;
}
#albumText a:link {color: #0b486f; text-decoration: none;}
#albumText a:active {color: #0b486f; text-decoration: none;}
#albumText a:hover {color: #0b486f; text-decoration: underline;}
#albumText a:visited {color: #0b486f; text-decoration: none;}
#albumText a:visited:hover {color: #0b486f; text-decoration: underline;}
#albumText ul {margin: 0px; padding: 0px 0px 0px 15px; font: 11px Geneva, Arial, Helvetica, sans-serif; width: 80%;}
#albumText li {
	margin: 2px 0px 2px 0px;
	padding: 0px;
	list-style-image: url(../images/li-black.gif);
}
#albumText p {
	margin: 0px 0px 10px 0px;
}

#mp3 {
	float: left;
	width: 225px;
	height: 320px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -10px;
	left: 29px;
	display: block;
}

#alsoBought {
	width: 100%;
	position: static;
	float: left;
	text-align: center;
	margin: 10px 0px 10px 0px;
}
#alsoBought h2 {
	margin: 0px 0px 10px 0px;
}
#boughtAlbum {
	width: 125px;
	position: static;
	float: left;
	text-align: center;
	margin: 5px;
	font: 9px Geneva, Arial, Helvetica, sans-serif;
}

#tours {
	background: #556541 url(../images/grad-green.jpg)top repeat-x;
	width: 900px;
	height: 618px;
	margin: 0px;
	padding: 0px;
}
#toursNav {
	width: 188px;
	height: 418px;
	background-color: #b7a75e;
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 0px 25px;
	text-align: left;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	float: left;
	font: 11px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
}
#toursNavItem {
	width: 158px;
	margin: 0px;
	padding: 2px 15px 2px 15px;
	position: static;
	float: left;
}
#toursNavItem.on {
	background-color: #73908b;
}
#toursNavItem a {
	color: #FFFFFF; text-decoration: none;
	display: block;
}

#studio {
	background: #B9AB6C url(../images/grad-tan.jpg)top repeat-x;
	width: 900px;
	height: 725px;
	margin: 0px;
	padding: 0px;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}
#studio h2 {
	font: 15px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
}
#studioLeft {
	width: 197px;
	position: static;
	float: left;
	color: #FFFFFF;
	margin: 17px 0px 0px 17px;
}
#studioEquipment {
	width: 177px;
	background-color: #53190e;
	padding: 10px;
}
#studioEquipment ul {
	padding: 5px 0px 5px 17px;
	margin: 0px;
}
#studioEngineer {
	width: 177px;
	background-color: #384314;
	padding: 10px;
}
#studioRight {
	width: 656px;
	position: static;
	float: left;
	margin: 17px 0px 0px 17px;
	color: #121212;
}
#studioRight img {
	margin: 0px 0px 5px 10px;
}
#studioListWrapper {
	width: 622px;
	height: 140px;
	overflow: visible;
	background-color: #E6D992;
	border-color: #996633;
	border-style: dotted;
	border-width: 1px;
	padding: 17px;
}
#studioList {
	width: 300px;
	position: static;
	float: left;
	margin: 0px 17px 0px 0px;
}

#contact {
	width: 400px;
	position: static;
	float: left;
	margin: 17px 0px 0px 30px;
	color: #212121;
}
#contact h2 {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-weight: bold;
	padding: 0px;
}
#contact a:link {color: #0b486f; text-decoration: none;}
#contact a:active {color: #0b486f; text-decoration: none;}
#contact a:hover {color: #0b486f; text-decoration: underline;}
#contact a:visited {color: #0b486f; text-decoration: none;}
#contact a:visited:hover {color: #0b486f; text-decoration: underline;}
#contact p {margin: 0px; padding: 0px;}

#shoppingCart {
	width: 630px;
	position: static;
	float: left;
	margin: 0px 0px 0px 0px;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}
#shoppingCart a:link {color: #0b486f; text-decoration: none;}
#shoppingCart a:active {color: #0b486f; text-decoration: none;}
#shoppingCart a:hover {color: #0b486f; text-decoration: underline;}
#shoppingCart a:visited {color: #0b486f; text-decoration: none;}
#shoppingCart a:visited:hover {color: #0b486f; text-decoration: underline;}
#shoppingCart h1 {margin: 20px 0px 0px 0px; padding: 0px;}
#shoppingCart h2 {
	font: 15px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	color: #212121;
	font-weight: bold;
}
TABLE.cart {
	width: 630px;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #212121;
	border-top: 1px dotted #212121;
	border-right: 1px dotted #212121;
	margin: 0px;
}
TABLE.cart td {
	border-width: 0px 0px 1px 1px;
	border-style: dotted;
	border-color: #212121;
}
#checkout {
	background-color: #852C2C;
	width: 610px;
	padding: 10px 10px 7px 10px;
}

#continueShopping {
	position: static;
	float: right;
	width: 630px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #212121;
	margin-bottom: 30px;
}
#continueShopping h2 {
	font: 15px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	color: #212121;
	font-weight: bold;
}
#storeMenu {
	width: 180px;
	position: static;
	float: left;
	margin: 25px 30px 0px 30px;
}

.arrowlistmenu {
	width: 180px; /*width of accordion menu*/
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	position: static;
	float: left;
}
.arrowlistmenu a:link {color: #0b486f; text-decoration: none;}
.arrowlistmenu a:active {color: #0b486f; text-decoration: none;}
.arrowlistmenu a:hover {color: #A70303; text-decoration: underline;}
.arrowlistmenu a:visited {color: #0b486f; text-decoration: none;}
.arrowlistmenu a:visited:hover {color: #A70303; text-decoration: underline;}

.arrowlistmenu h3.menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 12px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #212121;
	margin: 0px 0px 3px 0px;
	text-transform: uppercase;
	padding: 4px 0 4px 0px;
	cursor: hand;
	cursor: pointer;
	text-align: center;
}

.arrowlistmenu h4.menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 11px Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 4px 0px 4px 20px;
	cursor: hand;
	cursor: pointer;
	background: #cfdfe9 url('../images/arrow-down.jpg') left no-repeat;
}

a.menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	background: url(../images/arrow-down.png) left no-repeat;
	padding-left: 13px;
	cursor: hand;
	cursor: pointer;
}

ul.categoryitems {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
ul.categoryitems li {
	list-style-type: none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
}


#storeCategory {
	width: 160px;
	position: static;
	float: left;
	margin: 0px 0px 17px 0px;
	padding: 10px;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 1.6em;
}
#storeCategory h3 {
	width: 166px;
	height: 17px;
	background-color: #212121;
	font: 12px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: -10px 0px 8px -10px;
	padding: 3px 7px 3px 7px;
	color: #FFFFFF;
}
#storeCategory a:link {color: #FFFFFF; text-decoration: none;}
#storeCategory a:active {color: #FFFFFF; text-decoration: none;}
#storeCategory a:hover {color: #660000; text-decoration: underline;}
#storeCategory a:visited {color: #FFFFFF; text-decoration: none;}
#storeCategory a:visited:hover {color: #660000; text-decoration: underline;}


TABLE.createAccount {
	width: 100%;
	border: 0px;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #212121;
}
TABLE.createAccount a:link {color: #0b486f; text-decoration: none;}
TABLE.createAccount a:active {color: #0b486f; text-decoration: none;}
TABLE.createAccount a:hover {color: #A70303; text-decoration: underline;}
TABLE.createAccount a:visited {color: #0b486f; text-decoration: none;}
TABLE.createAccount a:visited:hover {color: #A70303; text-decoration: underline;}

TABLE.createAccount h2 {
	font: 15px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	color: #212121;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}
TABLE.createAccount td {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}
TABLE.createAccount table {
	width: 100%;
	border: 1px solid #999999;
	padding: 5px;
}
.inputRequirement {
	color: #FF0000;
	font-weight: bold;
}
.myName {
	position: absolute;
	top: -4000px;
}

#login {
	width: 290px;
	position: static;
	float: left;
	margin: 10px 25px 0px 0px;
}
#quickCheckout {
	width: 615px;
	position: static;
	float: left;
}
#quickField {
	width: 100px;
	position: static;
	float: left;
	margin: 0px;
	padding: 0px;
}

#accountNav {
	float: right;
}
#accountNav a {margin-left: 15px;}
#accountNav a:link {color: #0b486f; text-decoration: none;}
#accountNav a:active {color: #0b486f; text-decoration: none;}
#accountNav a:hover {color: #A70303; text-decoration: underline;}
#accountNav a:visited {color: #0b486f; text-decoration: none;}
#accountNav a:visited:hover {color: #A70303; text-decoration: underline;}
#accountNav img {
	margin: 0px 3px 0px 0px;
	position: relative;
	top: 5px;
}

#newsLeft {
	position: static;
	float: left;
	width: 600px;
	height: auto;
	margin-right: 30px;
}
#newsItem {
	width: 600px;
	position: static;
	float: left;
	margin: 10px 0px 0px 30px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #999966;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}
#newsItem h2 {
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #332211;
	margin: 0px;
	padding: 0px;
}
.newsDate {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #999933;
}
#newsRight {
	position: static;
	float: left;
	width: 210px;
	height: auto;
	margin-left: 30px;
}
#newsForm {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#newsArchive {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#newsArchive a:link {color: #22AAFF; text-decoration: none;}
#newsArchive a:active {color: #22AAFF; text-decoration: none;}
#newsArchive a:hover {color: #22AAFF; text-decoration: underline;}
#newsArchive a:visited {color: #22AAFF; text-decoration: none;}
#newsArchive a:visited:hover {color: #22AAFF; text-decoration: underline;}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 10px solid #999999;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.closer {
	position: absolute;
	top: 10px;
	right: 10px;
}

TABLE.tours {
	width: 850px;
	border: 0px;
	position: static;
	float: left;
	margin-left: 25px;
}
TD.toursNav {
	width: 188px;
	height: auto;
	background-color: #b7a75e;
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 0px 25px;
	text-align: left;
	font: 15px Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: static;
	font: 11px Century Gothic, Geneva, Arial, Helvetica, sans-serif;
}

TD.artistsMain {
	width: 632px;
	height: 100%;
	margin: 0px;
	padding: 15px;
	background-color: #f4ebdb;
}
TD.artistsMain iframe {
	width: 632px;
	height: 100%;
	border: 0px;
}