@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}


img, #header { behavior: url(includes/iepngfix.htc) }

body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;	/* 1em ~= 10px */
	color:#000;
	background:#f0f0f0;
}

img {
	border:0;
}

.clear {
	clear:both;
}

#wrapper {
	display:block;
	position:relative;
	width:972px; /*1008px;*/
	margin:0 auto;
	padding:18px;
}


#header {
	display:block;
	position:relative;
	height:282px;
}

#vertical_menu img {
	margin-left:2px;
}


/* controls the bg image for the different sections */
.bg_0 {
	background:url(../images/header_related-products.jpg) no-repeat 0px 20px;
}
.bg_1 {
	background:url(../images/header_choral.jpg) no-repeat 0px 20px;
}
.bg_2 {
	background:url(../images/header_handbell.jpg) no-repeat 0px 20px;
}
.bg_3 {
	background:url(../images/header_percussion.jpg) no-repeat 0px 20px;
}
.bg_4 {
	background:url(../images/header_related-products.jpg) no-repeat 0px 20px;
}
.bg_5, .bg_90, .bg_91, .bg_92, .bg_93 {
	background:url(../images/header_related-products.jpg) no-repeat 0px 20px;
}



#header_text {
	display:block;
	position:relative;
	height:20px;
	text-align:right;
	font-size:1.2em;
}

#footer {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:auto !important;
	min-height: 204px;
	height:204px;
	width:100%;
	z-index:99;
}

.footer_hr {
	display:block;
	position:relative;
	line-height:1px;
	background:#fff;
	height:2px;
	font-size:1px;
}

.footer_text {
	margin-top:20px;
	margin-left:36px;
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;
	color:#fff;
}
.footer_text a{
	color:#fff;
	text-decoration:none;
}
.footer_text a:hover{
	text-decoration:underline;
}

#main {
	display:block;
	position:relative;
	background:url(../images/main_back_yellow.gif) repeat-y top right #000000;
	padding:0;
	margin:0;
	_height: 0;	/* IE6 hack */
}

.red {
	color:#ee352a;
}

.vertical_yellow {
	display:block;
	position:absolute;
	top:0px;
	right:7px;
	background:#ffefb4;
	width:2px;
	height:100%;
	z-index:200;
}


/* hides the extra vertical space in #main */
#main_cover {
	display:block;
	height:140px;	/* the positive value of #floating_content margin-bottom */
	background:#f0f0f0;
	z-index:201;
}

#floating_container {
	position:relative;
	display:block;

}
#floating_content {
	display:block;
	position:relative;
	width:649px;
	top:-150px;
	margin-left:314px;
	z-index:101;
	margin-bottom:-140px;

}
#floating_middle {
	display:block;
	position:relative;
	background:url(../images/bg_floating2.png);
	height:auto !important;
	min-height:300px;
	height:300px;
	padding-top:1px;
}

.floating_text {
	display:block;
	position:relative;
	font-size:1.1em;
	line-height:1.3em;
	padding:20px 30px;
	margin-top:50px;
}


.floating_text a {
	color:#000000;
}


.floating_text p {
	padding-bottom:10px;
}


.floating_text h1 {
	font-size:1.4em;
	padding-bottom:4px;
	color:#ee352a;
}


.floating_text ul {
	padding-left:16px;
	padding-bottom:10px
}

.floating_text ul ul{
	padding-bottom:0;
}

.floating_text select {
	font-size:11px;
}


#floating_menu {
	display:block;
	position:relative;
}

#order_info {
	position:absolute;
	top:13px;
	right:20px;
}

#floating_top {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/bg_floating_top.png);
	font-size:1px;
	line-height:1px;
}
#floating_bottom {
	display:block;
	height:4px;
	background:url(../images/bg_floating_bottom2.png);
	font-size:1px;
	line-height:1px;
}

#floating_cards {
	display:block;
	text-align:right;
	padding:10px 10px 0;
}


.prod_grid_item {
	display:block;
	float:left;
	width: 184px;

	margin: 0 12px 12px 0;
	overflow:hidden;
}