/* ALL PAGE DEFINITIONS*/

/* redefined html tags*/
body {
	font-family: "Arial", Times, serif;
	font-size: 12px;
	color:#FFFFFF;
	background-color: #000000;
	background-image: url(/images/cleo_bg3.jpg);
	background-repeat: repeat;
	margin: 0px;
}

a:link {  color: #FFCC33; text-decoration: none}
a:visited {  color: #FFCC33; text-decoration: none}
a:hover {  color: #ffffff;	text-decoration: underline}

/* from cartweaver.css*/

input, select, textarea {
 	font-size: 11px;
	color: ##283C50;
	border: 1px inset #A1978F;
}

input.formButton {
	background: #283C50;
	border-top: 2px solid #8189DB;
	border-left: 2px solid #8189DB;
	border-right: 2px solid #0A0D16;
	border-bottom: 2px solid #0A0D16;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/* width and padding of main content area on all pages*/
#content {
width:750px;
padding-left:25px;
padding-right:25px;
padding-top: 5px;
float: left;
}

/* page titles */
.pgTitle
{  color: #FFCC33; font-size: 16px; font-weight: bold; }

/* navigation for includes */
#hdrNav {
	width:665px;
	float: right;
	margin-top:12px;
}

#hdrNavText {

	text-align: right;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	margin-right: 30px;
}

#footer {clear: both;	width:750px;
	text-align:center;
		font-weight: bold;
	font-size: 12px;
	padding-top:25px;
	letter-spacing: 1px;
}

#cwd {
clear: both;
width:750px;
text-align:center;
font-size: 10px;
font-weight: normal; 
padding-top:5px;
padding-bottom:5px;  
}

a.topNav { color: #FFFFFF; text-decoration: none; }
a.topNav:visited {  color: #FFFFFF; text-decoration: none; }
a.topNav:hover {  color: #FFCC33; text-decoration: none;}

a.topNavCart { font-size: 10px; }
a.topNavCart:visited {  font-size: 10px; }
a.topNavCart:hover {  text-decoration: underline;}


/* add to cart link def */
.addToCart { color: #FFFF00; text-decoration: underline; font-weight: bold; font-size:14px;}
a.addToCart {  color: #FFFF00; }
a.addToCart:visited {  color: #FFFF00; }
a.addToCart:hover {  color: #FFFF00;}

/* HUH - WHAT PAGES? */

/* shorter header navigation layout and font attributes used on detail and subpage*/
/* smHdr bg image controlled in page-specific css as of 9/24 */
#smHdr {
	background-repeat: no-repeat;
	width:800px;
	height:87px;
}

#smHdrLogo {
	width:135px;
	margin:0px;
	padding:0px;
	float: left;
}

/* lgHdr bg image controlled in page-specific css as of 9/24 */
#lgHdr {
	background-repeat: no-repeat;
	width:800px;
	height:64px;
}

/* MULTI PAGE DEFINITIONS*/

/* label-specific header bg colored swoosh*/
#cleoHdr {
	background-image: url(/images/labelBGs/cleoHeader.jpg);
	height: 87px;
	width: 800px;
}

#deadlineHdr {
	background-image: url(/images/labelBGs/deadlineHeader.jpg);
	height: 87px;
	width: 800px;
}

#hypnoticHdr {
	background-image: url(/images/labelBGs/hypnoticHeader.jpg);
	height: 87px;
	width: 800px;
}

#magickHdr {
	background-image: url(/images/labelBGs/magickHeader.jpg);
	height: 87px;
	width: 800px;
}

#purplePyramidHdr {
	background-image: url(/images/labelBGs/purplePyramidHeader.jpg);
	height: 87px;
	width: 800px;
}

#goldenlaneHdr {
	background-image: url(/images/labelBGs/goldenlaneHeader.jpg);
	height: 87px;
	width: 800px;
}

#xrayHdr {
	background-image: url(/images/labelBGs/xrayHeader.jpg);
	height: 87px;
	width: 800px;
}

#stardustMasterHdr {
	background-image: url(/images/labelBGs/stardustMasterHeader.jpg);
	height: 87px;
	width: 800px;
}



#hdrRow{
width: 800px;
height: 113px;
}



/* link to more album info on home and label pages*/
.albumInfoLink { color: #FFCC33; text-decoration: underline; font-weight: bold; font-size:12px; }
a.albumInfoLink:visited {  color: #FFCC33; }
a.albumInfoLink:hover {  color: #FFFFFF;}

/* highlight box and font definitions for Top 10 Titles on label and detail pages*/

#highlightBox {
	width: 194px;
	background-color:#000000;
	border: 1px solid #ffffff;
	padding:3px;
	margin-top: 5px;
	float: left;
}


.highlightText { color: #FFCC33; font-weight: bold; font-style:italic; font-size:12px; text-decoration:none;}
a.highlight {color: #FFCC33; text-decoration: underline;}
a.highlightText:visited {  color: #FFCC33; }
a.highlightText:hover {  color:  #FFCC33; text-decoration:underline;}

/* white border around albumart*/
#albumArt {
	border: 1px solid #FFFFFF;
}

/*CONTACTS PAGE DEFINITIONS*/

/* vertical space between sections*/
.contactSection{
padding-top: 25px;
}

/* indent of second line for contact info*/
.contactIndent {
	margin-left: 30px;
	color: #ffcc33;
}

/* content columns*/
#contactMain {
	width: 530px;
	float: left;
	padding: 5px;
}

#contactRight{
	width: 210px;
	float: right;
}

/* DETAIL DEFINITIONS*/
/* content columns */
#detailLeftColumn{
	width: 530px;
	float: right;
	padding: 5px;
}

#detailRightColumn{
	width: 210px;
	padding:5px;
	float: right;
}

/* tracklist */
#detailTrackList{
	width:255px;
	float: left;	
	 
}

/* hold album title, band name */
#detailAlbumBasics{
	width:255px;
	float: left;	
	text-align: right;	 
}

/* text */
#detailAlbumText{
	width:510px;
	height: 400px;
	float: left;	
	clear: both;
	padding-top: 10px;
}


.detailAlbumTitle {
	font-weight: bold;
	font-size: 18px;
}

.detailAlbumTitleDetails{
	font-weight: bold;
	font-size: 14px;
}

/* detailRightColumn elements */

.detailProdDetailsHeading {
	font-weight: bold;
	font-size: 14px;
}

.detailProdDetails{
	font-weight: bold;
	font-size: 12px;
}

/* defines row width of page that contains CW messages*/
.detailCWMsgs {float: none;
padding-left: 60px;
width:740px;
clear:both;
}


/* HOMEPAGE DEFINITIONS*/
/* 2 columns of data*/
#homeRtCol {
width:370px;
padding-right:2px;
padding-top: 5px;
float: left;
}

#homeLtCol {
width:370px;
padding-left:2px;
padding-top: 5px;
float:right;
}

#homeOtherLink{
	width: 350px;
	background-color:#000000;
	padding:5px;
	margin-top: 5px;
	float: left;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

.homeLabelLogo {
float: left;
width: 115px;
padding: 3px;
margin-top: 5px;
}
.homeAlbumArt {
margin: 3px;
float: left;
}
.homeAlbumDetails {
padding: 3px;
margin-left: 10px;
}

.homeAlbumTitle{font-size: 14px;}

/* borders around labels*/
#homeCleo {
	width: 350px;
	background-color:#000000;
	border: 2px solid #283C50;
	padding:5px;
	margin-top: 5px;
	float: left;
}

#homeDeadline {
	width: 350px;
	background-color:#000000;
	border: 2px solid #53293E;
	padding:5px;
	margin-top: 5px;
	float: left;
}

#homeHypnotic {
	width: 350px;
	background-color:#000000;
	border: 2px solid #672900;
	padding:5px;
	margin-top: 5px;
	float: left;
}

#homeMagick {
	width: 350px;
	background-color:#000000;
	border: 2px solid #283C50;
	padding:5px;
	margin-top: 5px;
	float: left;
}

#homePurplePyramid {
	width: 350px;
	background-color:#000000;
	border: 2px solid #4B2951;
	padding:5px;
	margin-top: 5px;
	float: left;
}

#homeGoldenlane {
	width: 350px;
	background-color:#000000;
	border: 2px solid #737300;
	padding:5px;
	margin-top: 5px;
	float: left;
}
#homeXray {
	width: 350px;
	background-color:#000000;
	border: 2px solid  #304F27;
	padding:5px;
	margin-top: 5px;
	float: left;
}
#homeStardustMaster {
	width: 350px;
	background-color:#000000;
	border: 2px solid #650215;
	padding:5px;
	margin-top: 5px;
	float: left;
}



/* LABEL DEFINITIONS*/
/* content columns*/
#labelMain {
	width: 530px;
	float: left;
	padding: 5px;
}

#labelRight{
	width: 200px;
	float: right;
}

/* defines row width of page that contains link to view entire catalog*/
#labelCatalogLink {height: 20px;
float: left;
padding-left: 60px;
width:740px;}

/* definition of link to full catalog */
.labelListingLink { color: #FFCC33; text-decoration: underline; font-weight: bold; font-style:italic; font-size:12px; }
a.labelListingLink:visited {  color: #FFCC33; }
a.labelListingLink:hover {  color: #FFFFFF;}

/* details area next to artwork and labels of various info in details */

/* larger text line incl artist and album names */
.labelAlbumMain { font-size: 18px; padding-bottom: 3px; }

/* gold text color for labels and spacing box for details/links */
.labelAlbumLabels{color:#ffcc33; font-size: 12px; font-weight: bold; font-style:italic; text-transform: uppercase;}
.labelAlbumDetails{ font-size: 12px; }