/*--- Traffic Base CSS ---*/
body {
	background-color: #333333;
	background-image: url(../baseAssets/backWhite.gif);
	background-repeat:repeat-x;
	font-size: 0.70em;
	color: #333333;
	font-family: Arial, Verdana, sans-serif;
}

a {
	outline: none;
	color: #333333;
	text-decoration: none;
}

a:focus {
	outline: none;
}

h1 {
	color: #990000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.0em;
}

h2 {
	color: #333333;
	font-weight: bold;
	font-size: 1.0em;
	text-align: left;
	text-transform: uppercase;
}

h3 {
	color: #333333;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
}
.container {
	width: 800px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

.commonText {
	text-align: left;
	color: #333333 !important;
}

/*--- style for script-defined "here" page on nav menus---*/
#here {
	color: #6699FF !important;
	text-decoration: none !important;
}


/*--- left side box, empty for now, put as first div ---*/
/*#leftAnim {
	position: fixed;
	top: 250px;
	left: 0px;
	width: 50px;
	height: 250px;
	background-color: #333333;
	display: none;
}*/

/*--- Header section ---*/
.header {
	height: 95px;
	background-color: #990000;
}

.logoBox {
	width: 500px;
	height: 95px;
	margin-left: 0px;
	float: left;
}

#noFlashLogo {
	height: 95px;
	width: 500px;
	/*background-image: url(../baseAssets/logoMaroon.gif);*/
}

#spines {
	/*background-image: url(../baseAssets/headerRecords.jpg);*/
	float: right;
	height: 95px;
	width: 300px;	
}


/*--- 3 pixel hr ---*/
.whiteRule {
	height: 3px;
	background-color: #FFFFFF;
}

.redRule {
	height: 3px;
	background-color: #990000;
}

.redRule495 {
	height: 3px;
	background-color: #990000;
	width: 495px;
}
/*--- Navigation Menu section ---*/
.nav {
	background-color: #333333;
	height: 26px;
}

.navBox {
	float: left;
	height: 100%;
}

#navList {
	margin-left: 12px;
	margin-top: 2px;
} 

#navList li {
	display: inline;
}

#navList li a {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 6px;
}

#navList li a:link, #navList li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#navList li a:hover, #navList li a:focus, #navList li a:active {
	color: #6699FF;
	text-decoration: none;
}

/*--- Search Catalog section, hidden for now--- */
.searchBox {
	text-align: right;
	background-color: #333333;
	float: right;
	margin-top: 2px;
	margin-right: 12px;
	padding: 0px;
	border: 0px;
	height: 24px;
	visibility: visible;
}

#searchTextEntry {
	width: 175px;
}

#searchButton {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin-left: 2px;
	font-weight:bold;
	overflow:visible;
	text-transform:uppercase;
	width:auto;
	font-size: 1.0em;
}

#searchButton:hover {
	color: #990000;
}

/*Music Player/Bundles container*/
.mid {
	height: 90px;
	margin-bottom: 7px;
}


/*Music Player section*/
.player {
	margin-left: 18px;
	margin-top: 8px;
	float: left;
	height: 81px;
	width: 492px;	
}
	
#noFlashPlayer {
	width: 492px;
	height: 81px;
	/*background-image: url(../baseAssets/noFlashPlayer.jpg);*/
}

/*Bundles section*/
.bundleBox {
	float: right;
	text-align: center;
	width: 285px;
	height: 81px;
	padding-top: 8px;
	line-height: 1.2;
}

#bundleSelect {
	margin-top: 4px;
	width: 200px;
}

#bundleButton {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 5px;
	overflow:visible;
	width:auto;
	padding:1px 5px;
}

#bundleButton:hover {
	color: #990000;
}


/*--- Content section ---*/
.contentContainer {
	width: 800px;
	height: auto;
	text-align: center;
}

/*.contentContainer p {
	margin-left: 65px;
	margin-right: 65px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: justify;
	font-size: .9em;
}*/

/*--- Home/NewReleases section ---*/
.newReleaseContainer {
	width: 670px;
	margin: 25px 65px;
}

.carouselTitle {
	color: #990000;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

.carouselContainer {
	width: 670px;
	height: auto;
	background-color:#FFFFFF;
}

/*#noFlashCarousel {
	width: 670px;
	height: 300px;
	background-image: url(../baseAssets/noFlashCarousel.gif);
}*/

#newReleaseInfo {
	background-color: #333333;
}

#newReleaseInfo table {
	width: 670px;
	height: auto;
	color: #FFFFFF;
	font-size: 1em;
}

#newReleaseInfo table th {
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
	text-align: center;
	background-color: #990000;
}

#newReleaseInfo table td {
	text-align: center;
}

#newReleaseInfo a {
	color: #FFFFFF;
}

#newReleaseInfo a:link, #newReleaseInfo a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#newReleaseInfo a:hover, #newReleaseInfo a:focus, #newReleaseInfo a:active {
	color: #6699FF;
	text-decoration: underline;
}

.oneSheet {
	text-align: center;
}

.catalogNumber {
	margin-left: 10px;
}

.footShelf {
	width: 670px;
	height: 36px;
	background-color: #333333;
	/*background-image: url(../baseAssets/footShelf.jpg);*/
}

/*--- About section ---*/
.aboutBox {
	margin: 25px 240px 25px 65px;
	text-align: justify;
	color: #333333;
}

.aboutPic {
	margin-right: 10px;
	float: left;
	width: 105px;
	height: 105px;
}

/*--- Catalog Section ---*/
.catalogContainer {
	width: 770px;
	margin-left: 15px;
}

.catalogBox {
	margin: 25px 240px 10px 65px;
	text-align: justify;
	color: #333333;
}

#catalogInfo {
	background-color: #333333;
	color: #CCCCCC;
}

#catalogInfo table {
	width: 770px;
	height: auto;
	color: #FFFFFF;
	font-size: .9em;
	/*padding: 5px;*/
}

#catalogInfo table th {
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	background-color: #990000;
	line-height: 1.2;
	vertical-align: top;
}

#catalogInfo table td {
	border-collapse: collapse;
	padding: 5px;
	line-height: 1.2;
	text-align: center;
}

#catalogInfo a {
	color: #FFFFFF;
}

#catalogInfo a:link, #catalogInfo a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#catalogInfo a:hover, #catalogInfo a:focus, #catalogInfo a:active {
	color: #6699FF;
	text-decoration: underline;
}

#showall {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

#showall a:link, #showall a:visited {
	/*font-size: 1.3em;*/
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	color: #FFFFFF;
}

#showall a:hover, #showall a:focus, #showall a:active {
	/*font-size: 1.3em;*/
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	color: #6699FF;
}

.searchBox2 {
	text-align: right;
	background-color: #333333;
	float: right;
	margin-top: 2px;
	margin-right: 12px;
	padding: 0px;
	border: 0px;
	height: 24px;
	visibility: visible;
	width: 200px;
}

#searchButton2 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin-left: 2px;
	font-weight:bold;
	overflow:visible;
	text-transform:uppercase;
	width:auto;
	font-size: 1.1em;
}

#searchButton2:hover {
	color: #990000;
}

.goButton {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin-left: 2px;
	font-weight:bold;
	overflow:visible;
	text-transform:uppercase;
	width:auto;
	font-size: 1.1em;
}

.goButton:hover {
	color: #990000;
}

.genre {
	width: 70px;
}

.oneSheet {
	text-align: center;
}

.coverArt {
	text-align: center;
}

.streetDate {
	width: 70px;
	text-align: center;
}

.catalogNumber {
	margin-left: 10px;
}

.suggestedListPrice {
	width: 40px;
}

.title {
	width: 70px;
}

.label {
	width: 70px;
}

.artist {
	width: 70px;
}

.format {
	width: 40px;
}

.footShelf {
	width: 670px;
	height: 36px;
	background-color: #333333;
	/*background-image: url(../baseAssets/footShelf.jpg);*/
}

#catalogFormLeft {
	width: 250px;
	text-align: center;
	margin-left: 100px;
}


#catalogFormRight {
	text-align: right;
	margin-right: 25px;
}

.even {
background-color: #666666;
}

.odd {
	background-color: #333333;
	background-image: url(../baseAssets/footShadow.png);
	background-repeat: repeat-x;
}

.current {
	color: #6699FF;
}

.results {
	color: #FFFFFF;
	text-align: center !important;
}

#searchresults strong {
color: #FFFF99;
font-weight: bold !important;
}

.response strong {
color: #FFFF99;
font-weight: bold !important;
}

.tableHead {
	background-color: #990000;
	font-weight: bolder;
	line-height: 1.2;
	font-size: 1em;
}

.sort {
	font-size: .8em;
	color: #CCCCCC !important;
	text-decoration: none !important;
	text-transform: lowercase !important;
}

.sort a:link, .sort a:visited {
	color: #CCCCCC !important;
}



/*--- Contact section ---*/
.contactBox {
	margin: 25px 65px;
	width: 670px;
	color: #333333;
	text-align: left;
}

.contactLeft {
	text-align: right ;
	vertical-align: top;
}

.contactLeft a {
	color: #666666;
	font-weight: normal;
	text-transform: none;
}

.contactLeft a:link, .contactLeft a:visited {
	color: #666666;
	text-decoration: underline;
}

.contactLeft a:hover, .contactLeft a:hover, .contactLeft a:active {
	color: #990000;
	text-decoration: underline;
}

.contactRight {
	text-align: left;
	padding-left: 65px;
	font-size: 1em;
	line-height: 1;
}

.contactRight a {
	color: #666666;
	font-weight: normal;
	text-transform: none;
}

.contactRight a:link, .contactRight a:visited {
	color: #666666;
	text-decoration: underline;
}

.contactRight a:hover, .contactRight a:hover, .contactRight a:active {
	color: #990000;
	text-decoration: underline;
}

/*--- Footer section ---*/
.footer {
	background-color: #333333;
	text-align: left;
}

#footList li {
	display: inline;
	margin-left: 10px;
}

#footList li a {
	color: #CCCCCC;
	font-size: .9em;
	margin: 6px;
}

#footList li a:link, #footList li a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

#footList li a:focus, #footList li a:hover, #footList li a:active {
	text-decoration: underline;
	color: #6699FF;
}

.footShadow {
	height: 15px;
	background-image: url(../baseAssets/footShadow.png);
	background-color: #333333;
	background-repeat: repeat-x;
}

#copyright {
	color: #999999;
	font-size: .9em;
}

#gb {
	color: #666666;
	font-size: .9em;
}

#gb a {
	color: #666666;
}

#gb a:link, .gb a:visited {
	color: #666666;
	text-decoration: none;
}

#gb a:hover, .gb a:focus, .gb a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/*---Error pages---*/
.error {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #CCCCCC;
	font-size: 1.2em;
	background-color: #000000;
}

.error a, .error a:link, .error a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

.error a:hover, .error a:focus, .error a:active {
	color: #FFFFFF;
	text-decoration: underline;
}