@charset "utf-8";
/* Jeff Order Stylesheet - Home Page - CSS Document */



/* ---------- Text Treatments ---------- */


a { /* Special treatment for links on home page */
	color: #FFFFCC;
	text-decoration: none
}

a:link { /* Special treatment for links on home page */
	color: #FFFFCC;
	text-decoration: none
}

a:hover { /* Special treatment for links on home page */
	color: #ffff99;
	text-decoration: underline
}


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


/* Jeff Order Picture Slices */

#jeffpic_container {
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 393px; 
	height: 536px;
	overflow: hidden;
	z-index: 50
}

#jeffpic_a {
	background: url(../images/jefforder01.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 393px; 
	height: 88px;
	overflow: hidden;
	z-index: 50
}

#jeffpic_b {
	background: url(../images/jefforder02.gif) no-repeat;
	position: absolute;
	top: 88px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 393px; 
	height: 87px;
	overflow: hidden;
	z-index: 50
}

#jeffpic_c {
	background: url(../images/jefforder03.gif) no-repeat;
	position: absolute;
	top: 175px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 393px; 
	height: 100px;
	overflow: hidden;
	z-index: 50
}

#jeffpic_d {
	background: url(../images/jefforder04.gif) no-repeat;
	position: absolute;
	top: 275px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 393px; 
	height: 92px;
	overflow: hidden;
	z-index: 50
}

#jeffpic_e {
	background: url(../images/jefforder05.gif) no-repeat;
	position: absolute;
	top: 367px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 393px; 
	height: 88px;
	overflow: hidden;
	z-index: 50
}

#jeffpic_f {
	background: url(../images/jefforder06.gif) no-repeat;
	position: absolute;
	top: 455px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 393px; 
	height: 81px;
	overflow: hidden;
	z-index: 50
}


/* Right Content Area */

#right_content {
	background: none;
	position: relative;
	top: 0;
	margin: 0 0 0 400px;
	padding: 15px 0 0 0;
	width: 400px; 
	height: auto;
	overflow: hidden;
	z-index: 50
}

#right_spacer { /* maintains min page height */
	float: left;
	width: 1px;
	height: 500px;
	margin-right: -1px
}

.box_container { /* container for expandable box */
	background: none;
	position: relative;
	margin: 0 auto 15px auto;
	padding: 0;
	width: 383px; 
	height: auto;
	overflow: hidden;
	z-index: 50
}

.box_spacer_home { /* maintains min box height for home page */
	float: left;
	width: 1px;
	height: 110px;
	margin-right: -1px
}

.boxtop { /* top of expandable box */
	background: url(../images/box_top.gif) no-repeat;
	position: relative;
	margin: 0;
	padding: 0;
	width: 383px; 
	height: 12px;
	overflow: hidden;
	z-index: 50
}

.boxtop_titlebar_contemp { /* Home page titlebar "Contemporary Instrumental Music" */
	background: url(../images/box_top_titlebar_contemp.gif) no-repeat;
	position: relative;
	margin: 0;
	padding: 0;
	width: 383px; 
	height: 37px;
	overflow: hidden;
	z-index: 50
}

.boxrep { /* middle section of expandable box */
	background: url(../images/box_repeat.gif) repeat-y;
	position: relative;
	margin: 0;
	padding: 0;
	width: 383px; 
	height: auto;
	overflow: hidden;
	z-index: 50
}

.boxbottom { /* bottom of expandable box */
	background: url(../images/box_bottom.gif) no-repeat;
	position: relative;
	margin: 0;
	padding: 0;
	width: 383px; 
	height: 12px;
	overflow: hidden;
	z-index: 50
}

.boxcontent { /* content within expandable box */
	background: none;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 363px; 
	height: auto;
	overflow: hidden;
	z-index: 50
}

/* Home CD Price Graphic */

#cdprice {
	background: none;
	float: right;
	width: 102px;
	height: 81px;
	margin: 20px 0 5px 5px;
	overflow: hidden;
	z-index: 100
}


/* Home Album Thumbs & Info */

.album { /* Album thumbnail image MUST BE 100px x 98px for shadow to fit correctly */
	background: url(../images/cd_shadow_home.png) no-repeat !important;
	background: url(../images/cd_shadow_home.gif) no-repeat;
	width: 106px;
	height: 105px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	overflow: visible;
	z-index: 100
}

.album a img { /* Album thumbnail image MUST BE 100px x 98px for shadow to fit correctly */
	border: 1px #999966 solid
}

.album a:link img {
	border: 1px #999966 solid
}

.album a:hover img {
	border: 1px #ffff99 solid
}

.cd_hear_featured {
	text-align: center;
	margin: 0 0 10px 0
}

p.cd_buy_featured {
	text-align: center;
	margin: 0
}

.cd_buy_featured form {
	margin: 0 auto 0 auto;
	padding: 0
}

.cd_hear {
	text-align: center;
	margin: 3px 0 3px 0;
	padding: 0;
	font-size: 10px
}
	
.cd_buy {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 10px
}

.cd_buy form {
	margin: 0 auto 0 auto;
	padding: 0
}


/* Home bottom buttons container */

#home-btncont { /* Home PayPal Logo */
	background: none;
	position: relative;
	margin: 0 5px 10px 200px;
	padding: 0;
	border: 0;
	width: 200px;
	height: 31px;
	overflow: hidden;
	z-index: 100
}

#viewcart_home { /* Home View Cart Button */
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	border: 0;
	width: 98px;
	height: 29px;
	overflow: hidden;
	z-index: 100
}

#paypal { /* Home PayPal Logo */
	background: none;
	position: absolute;
	top: 0;
	left: 110px;
	padding: 0;
	border: 0;
	width: 79px;
	height: 30px;
	overflow: hidden;
	z-index: 100
}

#paypal a img {
	border: 1px #000000 solid;
	margin: 1px 0 0 0
}

#paypal a:link img {
	border: 1px #000000 solid
}

#paypal a:hover img {
	border: 1px #999966 solid;
	margin: 0 0 1px 0
}
