@charset "utf-8";
/* CSS Document */

body {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding : 0;
	margin : 0;
	/*background-color : #3d3d3d;*/
	background-image : url(../images/background.jpg);
}
.clear { clear : both;}
.header-bg {
	background-image : url(../images/header-bgNew.jpg);
	height : /*242px*/ 253px;
	background-repeat : repeat-x;
	width : 100%;
	background-position : top;
}
.header{ width : 1002px; height : 253px; margin : 0 auto;}
.login-field{ margin-right:30px; width:140px; float:right; position:absolute; z-index:400; left:863px; top:84px;}
.login-field2 {
	margin-right : 30px;
	width : 119px;
	float : right;
	position : absolute;
	z-index : 400;
	left : 864px;
	top : 114px;
}
.container{ width:1002px; margin:0 auto; margin-top:5px;}
.content{width:100%;
margin:0 auto;
padding-top : 5px;
background-image : url(../images/content-bg.jpg);
background-repeat:repeat-y;}
.content-left{ width:185px; float:left; padding-bottom:10px;}
.left-box{ width:173px; margin:0 auto;}
.left-box ul{ padding:0; margin:0; list-style:none;}
.left-box li{
	font-size : 14px;
	color : #ffffff;
	padding-left : 10px;
	padding-right : 5px;
	background-image : url(../images/nav-bg.jpg);
	width : 158px;
	margin-top : 8px;
	height : 19px;
	padding-top : 3px;
}
.left-box li :link {
	font-size : 14px;
	color : #ffffff;
	text-decoration : none;
	font-weight : bold;
}
.left-box li :active {
	font-size : 14px;
	color : #ffffff;
	text-decoration : none;
	font-weight : bold;
}
.left-box li :visited {
	font-size : 14px;
	color : #ffffff;
	text-decoration : none;
	font-weight : bold;
}
.left-box li :hover {
	font-size : 14px;
	color : #ffffff;
	text-decoration : underline;
	font-weight : bold;
}
.content-center {
width : 559px;
margin-left : 6px;
float : left;
}
.center-box {
width : 544px;
margin : 0 auto;
border : 1px solid #888888;
}
.heading-bg {
width : 544px;
margin : 0 auto;
height : 22px;
background-color : #0000FF;
font-size : 18px;
color : #ffffff;
}


.heading-bg-next {
width : 544px;
margin : 0 auto;
height : 26px;
background-color : #0000FF;
font-size : 14px;
color : #ffffff;
text-align:center;
vertical-align:middle;
font-weight:bold;
padding-top:6px;
}


.sp {
width : 22px;
padding-left : 3px;
padding-right : 3px;
margin-top : 8px;
margin-left : 1px;
float : left;
}
.title {
width : 80px;
padding-left : 3px;
padding-right : 3px;
margin-top : 8px;
float : left;
text-transform : uppercase;
font-size : 14px;
}
.title13 {
width : 100px;
padding-left : 3px;
padding-right : 3px;
margin-top : 8px;
float : left;
text-transform : uppercase;
font-size : 14px;
font-weight: bold;
}
.produced {
width : 234px;
padding-left : 3px;
padding-right : 3px;
margin-top : 8px;
float : left;
font-size : 14px;
}
.sample {
width : 25px;
padding-left : 3px;
padding-right : 3px;
margin-top : 8px;
float : left;
font-size : 14px;
}
.price {
width : 81px;
padding-left : 3px;
padding-right : 3px;
text-align : center;
margin-top : 8px;
float : left;
font-size : 14px;
padding-top : 4px;
}
.buy {
width : 63px;
text-align : center;
padding-left : 3px;
padding-right : 3px;
margin-top : 8px;
float : left;
font-size : 14px;
}
.heading {
font-size : 18px;
text-transform : uppercase;
padding-bottom : 4px;
padding-top : 4px;
text-align : center;
}
.title2 {
width :142px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-left : 1px;
padding-top : 3px;
}

.title2-pack {
width :25px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-left : 1px;
padding-top : 3px;
}



.produced2 {
width : 180px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
padding-top : 3px;
}

.produced2-pack {
width : 214px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
padding-top : 3px;
}


.sample2 {
width : 39px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
padding-top : 3px;
}

.sample2-pack {
width : 120px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
padding-top : 3px;
}
.price2 {
width : 81px;
padding-left : 3px;
padding-right : 3px;
text-align : center;
float : left;
font-size : 14px;
padding-top : 3px;
}

.buy2 {
width : 63px;
text-align : center;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
padding-top : 3px;
}
.title3 {
width : 142px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-left : 1px;
margin-top : 8px;
margin-left : 1px;
text-transform : uppercase;
}
.title4 {
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-left : 1px;
margin-top : 8px;
margin-left : 1px;
text-transform : uppercase;
}

.title3-pack {
width : 25px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-left : 1px;
margin-top : 8px;
margin-left : 1px;
text-transform : uppercase;
}

.produced3 {
width : 180px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-top : 8px;
}

.produced3-pack {
width : 214px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-top : 8px;
}

.sample3 {
width : 39px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-top : 8px;
}

.sample3-pack {
width : 120px;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-top : 8px;
}

.price3 {
width : 81px;
padding-left : 3px;
padding-right : 3px;
text-align : center;
float : left;
font-size : 14px;
padding-top : 4px;
margin-top : 8px;
}
.buy3 {
width : 63px;
text-align : center;
padding-left : 3px;
padding-right : 3px;
float : left;
font-size : 14px;
margin-top : 8px;
}
.content-right {
width : 245px;
margin-left : 7px;
float : left;
padding-bottom : 10px;
}
.static_heading{
	font-size:12px;
	text-transform:uppercase;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	text-align:left;
	font-weight:bold;
}
.right-box{ width:233px; margin:0 auto;}
.footer-bg{ background-image:url(../images/footer-bg.jpg); height:150px; background-repeat:repeat-x; width:100%;}
.footer{ width:1002px; height:150px; margin:0 auto;}
.center_text{ padding-left:5px;}
.static_text{ padding-right:10px; font-size:12px; text-align:left; text-align:justify;}
.produceBeats{ width:150px;}
.classLink{ color:#FFFFFF; font-size:12px; float:left; text-decoration:none;}
.classLink :link{ color:#FFFFFF; font-size:12px; float:left; text-decoration:none;}
.classLink :active{ color:#FFFFFF; font-size:12px; float:left; text-decoration:none;}
.classLink :visited{ color:#FFFFFF; font-size:12px; float:left; text-decoration:none;}
.classLink :hover{ color:#FFFFFF; font-size:12px; float:left; text-decoration:underline;}
.classLink1{ color:#FFFFFF; font-size:18px; text-decoration:underline; text-transform:capitalize;}
.classLink1 :link{ color:#FFFFFF; font-size:18px; text-decoration:underline; text-transform:capitalize;}
.classLink1 :active{ color:#FFFFFF; font-size:18px; text-decoration:underline; text-transform:capitalize;}
.classLink1 :visited{ color:#FFFFFF; font-size:18px; text-decoration:underline; text-transform:capitalize;}
.classLink1 :hover{ color:#FFFFFF; font-size:18px; text-decoration:blink; text-transform:capitalize;}
.paging{ padding-left:5px; float:left; padding-top:5px; margin-left:5px; width:96%;}
.paging1{ float:right; width:50%; text-align:right;}
.paging2{ float:left; width:50%; text-align:left;}
.font_size{
font-size:14px;
}
.heading_size{
font-size:14px;
font-weight:bold;}


/* NavBar */ 

.navbar {}
.navbar ul {list-style:none inside; padding:0px; margin:6px 0px 0px 8px; height:20px; padding-left:10px}
.navbar ul li {float:left; margin-right:15px; border-right:1px solid #000000; padding-right:6px}
.navbar ul .noborder {border:0px;}
.navbar ul li a {font:bold 10pt arial; color:#ffffff; text-decoration:none}
.navbar ul li a:hover {font:bold 10pt arial; color:#0000FF; text-decoration:none}

.player-box {
width : 544px;
margin : 0 auto;
background:#000000;
border : 1px solid #888888;
}