img, div { behavior: url(iepngfix.htc) }

body {
	background:	#06081B;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}

input,textarea{
	font-family:Verdana,Arial, Helvetica, sans-serif;
}

img {
	border:0;
}

a{
	color:black;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

form {
	margin:0px;
}

h1{
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 0;
}

h1 a{
}

h2{
	margin:0;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}


#container{
	width:100%;
	height:702px;
	background:url('/images/layout/bg_gradiant.jpg') repeat-x center top white;
}

#header{
	position:relative;
	width:744px;
	height:195px;
	margin:0 auto;
	background:url('/images/layout/top.jpg') no-repeat left top;
}

#jukebox_control{
	position:absolute;
	top:177px;
	left:63px;
	width:110px;
	height:17px;
}

#jukebox_control .bars{
	display:block;
	float:left;
	height:16px;
	width:29px;
	margin-right:2px;
}

#jukebox_control .btn{
	display:block;
	float:left;
	width:22px;
	height:16px;
	margin-left:2px;
	background-repeat:no-repeat;
	background-position: center;
}

#jukebox_control .play{
	background-image:url('/images/player/play.gif');
}
#jukebox_control .stop{
	background-image:url('/images/player/stop.gif');
}
#jukebox_control .next{
	background-image:url('/images/player/next.gif');
}

#middle{
	position:relative;
	width:744px;
	height: 413px;
	margin:0 auto;
	background:url('/images/layout/middle.jpg') left top repeat-y;
}

#left{
	position:absolute;
	left:22px;
	top:0;
	width:147px;
	height: 398px;
	font-size:9px;
	color:#121B7D
}

#left p{
	margin:0;
	padding:0;
}

#left a{
	color:#121B7D;
	font-weight:bold;
	text-decoration:none;
}

#left a:hover{
	text-decoration:underline;
}

#left .login-form{
	margin-bottom:10px;
}

#left .login-form input.textbox,#left .login-form label{
	width:130px;
	font-size:9px;
	padding:0;
}

#nav-footer{
	position:absolute;
	padding:0 3px;
	bottom:0;
}

#nav-account{
	height:150px;
}

#left-logo{
	width:139px;
	height:12px;
	background:url('/images/menu/left_logo.gif') no-repeat left;
}

#content{
	position:absolute;
	left:178px;
	top:0;
	width:548px;
	height:398px;
}

#content-head{
	background:url('/images/layout/squares.gif') no-repeat center right;
	height:30px;
}

#content-noscroll,#content-scroll{
	font-size:10px;
}

#content-noscroll{
	height:395px;
}

#content-scroll{
	height:335px;
	padding:0 5px;
	overflow-y:scroll;
}

#content-noscroll p,#content-scroll p{
	padding:0;
	margin:0 0 10px 0;
}

#btn-scroll-up{
	display:block;
	margin:5px auto;
	width:30px;
	height:15px;
	background:url('/images/layout/up_arrow_black.gif') no-repeat;
}

#btn-scroll-down{
	display:block;
	margin:5px auto;
	width:30px;
	height:16px;
	background:url('/images/layout/down_arrow_black.gif') no-repeat;
}

#content-foot{
	height:30px;
}

#content h1{
}

#main-menu{
}

#main-menu ul{
	margin:0;
	margin-left:-2px;
	padding:0;
	list-style:none;
}

#main-menu ul li{
	margin:0;
	padding:0;
}

#main-menu a{
	margin:0;
	padding:0;
	display:block;
	height:32px;
	font-weight:bold;
	color:white;
	background-repeat:no-repeat;
	background-position:center left;
}

#main-menu a:hover{

}

#main-menu #mm-home{
	background-image:url('/images/menu/home_off.gif');
}
#main-menu #mm-home.selected,#main-menu #mm-home:hover{
	background-image:url('/images/menu/home_on.gif');
}

#main-menu #mm-about{
	background-image:url('/images/menu/about_off.gif');
}
#main-menu #mm-about.selected,#main-menu #mm-about:hover{
	background-image:url('/images/menu/about_on.gif');
}

#main-menu #mm-news{
	background-image:url('/images/menu/news_off.gif');
}
#main-menu #mm-news.selected,#main-menu #mm-news:hover{
	background-image:url('/images/menu/news_on.gif');
}

#main-menu #mm-midi{
	background-image:url('/images/menu/midi_off.gif');
}
#main-menu #mm-midi.selected,#main-menu #mm-midi:hover{
	background-image:url('/images/menu/midi_on.gif');
}

#main-menu #mm-reviews{
	background-image:url('/images/menu/reviews_off.gif');
}
#main-menu #mm-reviews.selected,#main-menu #mm-reviews:hover{
	background-image:url('/images/menu/reviews_on.gif');
}

#main-menu #mm-feedback{
	background-image:url('/images/menu/feedback_off.gif');
}
#main-menu #mm-feedback.selected,#main-menu #mm-feedback:hover{
	background-image:url('/images/menu/feedback_on.gif');
}

#main-menu #mm-connect{
	background-image:url('/images/menu/connect_off.gif');
}
#main-menu #mm-connect.selected,#main-menu #mm-connect:hover{
	background-image:url('/images/menu/connect_on.gif');
}

#main-menu #mm-cart{
	background-image:url('/images/menu/cart_off.gif');
}
#main-menu #mm-cart.selected,#main-menu #mm-cart:hover{
	background-image:url('/images/menu/cart_on.gif');
}


#footer{
	display:absolute;
	top:395px;
	width:715px;
	margin:0 auto;
}

#footer #footer-logos{
	vertical-align:middle;
}


#midi_packs{
	margin-top:1px;
	border-collapse:collapse;
}

#midi_packs td{
	padding:0;
	margin:0;
	vertical-align:top;
}

#midi_packs td div.mp-desc{
	margin-right:5px;
	margin-bottom:-10px;
	padding:0 2px;
	height:240px;
	background-color:white;
}

#midi_packs h2{
	margin:0;
	padding:0;
	font-size:12px;
}

.midi_pack{
	height:392px;
	margin:5px;
	background:url('/images/layout/midi_bg.jpg') repeat-y;
}

.midi_pack table{
	width:100%;
	height:100%;
	border-collapse:collapse;
}

.midi_pack .tl{
	width:5px;
	height:5px;
	background:url('/images/layout/midi_corner_tl.gif') top left no-repeat;
}

.midi_pack .tr{
	width:5px;
	height:5px;
	background:url('/images/layout/midi_corner_tr.gif') top right no-repeat;
}

.midi_pack .br{
	width:5px;
	height:5px;
	background:url('/images/layout/midi_corner_br.gif') bottom right no-repeat;
}

.midi_pack .bl{
	width:5px;
	height:5px;
	background:url('/images/layout/midi_corner_bl.gif') bottom left no-repeat;
}

.midi_pack .col1{
	position:relative;
	float:left;
	width:181px;
	height:372px;
}

.midi_pack .add{
	position:absolute;
	left:10px;
	bottom:0;
}

.midi_pack .price{
	position:absolute;
	left:10px;
	bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.midi_pack .col2{
	float:right;
	color:white;
	width:320px;
	margin:0 10px 10px 10px;
	font-size:9px;
	line-height:11px;
	text-align:justify;
}

.midi_pack .quotes{
	margin-top:10px;
	height:120px;
	overflow-y:auto;
}

.quote{
	clear:left;
	margin-right:5px;
	margin-bottom:20px;
}

.quote .imagecont{
	float:left;
	width:100px;
	margin:0 5px 5px 0;
}

.midi_pack .title{
	margin-left:-10px;
}

.midi_pack .description{
	height:120px;
	overflow:auto;
	padding-right:5px;
}


form.account_form .form_label{
	width:200px;
}

form.account_form .required{
	background-image: url('/images/account/icon_alert.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

.message,p.message,.alert,.confirm{
	text-align:center;
	font-weight:bold;
	color:#cc0000;
}

.rma_accepted {
	background-color:#FFCCCC;
	border: 1px solid #CC3333;
}

.colorswatch span{
	border:1px solid white;
	cursor:pointer;
}

.colorswatch span.selected{
	border:1px solid black;
}