/* 
 * CSS Document Direct Stereo 
 * Copyright 2008 Siteapps
 * Gemaakt Door R. Kock <rick@siteapps.nl>
 */

img{
	max-width:500px;
}

body{
	background-color:#333333;
	margin:0px;
	padding:0px;
	font-family:Verdana;
	font-size:12px;
	color:#333333;
	margin-top:-10px;
}

input, select, input.txt{
	width:190px;
	font-family:Verdana;
	font-size:10px;
	color:#333333;
	border-width:1px; 
}

textarea{
	width:250px;
	height:90px;
	font-family:Verdana;
	font-size:10px;
	color:#333333;
	border-width:1px; 
}

input.inputOSX{
	width:130px;
	height:15px;
	background-image:url(bgInput.gif);
	border:0px;
	padding-left:8px;
	padding-top:4px;
	padding-right:8px;
	color:#CCCCCC;
}

input.Button{
	width:auto;
	height:25px;
	font-family:Verdana;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	border-width:0px;
	background-color:#FFFFFF;
}

form, img{
	padding:0px;
	margin:0px;
	border:0px;
}

a:link,  a:active,  a:visited{
	color:#333333;
	text-decoration:none;
}

a:hover{
	color:#666666;
}

#flvPlayer{
	width:100%;
	height:55px;
	background-image:url(bgPlayer.gif);
	position:absolute;
	top:0px;
	left:0px;
}

#Website{
	width:952px;
	height:auto;
	border:0px;
	margin:auto;
}

#Header{
	width:768px;
	height:107px;
	background-image:url(bgHeader.gif);
	vertical-align:top;
}

#Logo{
	width:300px;
	height:70px;
	margin-top:20px;
	margin-left:10px;
	float:left;
	cursor:url(./layoutFiles/Hand.cur), pointer;
}

#btnLayer{
	width:336px;
	float:left;
	margin-top:27px;
}

#carLayer{
	width:103px;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	float:left;
	padding-top:60px;
	cursor:url(./layoutFiles/Hand.cur), pointer;
}

#carCount{
	text-align:center;
	width:26px;
	margin-left:82px;
}

#Checkout{
	padding-left:5px;
	padding-top:2px;
}

#Flags{
	padding-top:5px;
}

.btn{
	width:100px;
	height:27px;
	background-image:url(btn.gif);
	color:#333333;
	text-align:center;
	line-height:27px;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	float:left;
}

.btnH{
	width:100px;
	height:27px;
	background-image:url(btnH.gif);
	color:#FFFFFF;
	text-align:center;
	line-height:27px;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	float:left;
	cursor:url(./layoutFiles/Hand.cur), pointer;
}

#Right{
	width:184px;
	height:auto;
	vertical-align:top;
	padding-left:2px;
}

#Left{
	width:169px;
	height:auto;
	vertical-align:top;
	padding-left:2px;
}

#Main{
	width:584px;
	height:800px;
	vertical-align:top;
}

#Right .tbl{
	width:184px;
	height:auto;
}

#Right .tblHeader{
	width:169px;
	height:33px;
	background-image:url(tblHeaderRight.gif);
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:15px;
}

#Right .tblMiddle{
	width:153px;
	height:auto;
	background-image:url(tblMiddleRight.gif);
	padding-left:15px;
	padding-right:16px;
}

#Right .tblFooter{
	width:184px;
	height:45px;
	background-image:url(tblFooterRight.gif);
}

#Left .tbl{
	width:169px;
	height:auto;
}

#Left .tblHeader{
	width:154px;
	height:33px;
	background-image:url(tblHeaderLeft.gif);
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:15px;
}

#Left .tblMiddle{
	width:138px;
	height:auto;
	background-image:url(tblMiddleLeft.gif);
	padding-left:16px;
	padding-right:15px;
}

#Left .tblFooter{
	width:169px;
	height:45px;
	background-image:url(tblFooterLeft.gif);
}

#Search{
	width:169px;
	height:110px;
	background-image:url(tblSearch.gif);
}

#Login{
	width:169px;
	height:130px;
	background-image:url(tblLogin.gif);
}

#Login .Input{
	padding-top:10px;
	padding-left:11px;
	width:110px;
}

#Login .Submit{
	padding-top:5px;
	padding-left:15px;
}

#Login .Remeber{
	padding-left:15px;
	line-height:20px;
	padding-top:3px;
}

#Footer{
	width:934px;
	height:42px;
	margin:auto;
	background-image:url(bgFooter.png);
	font-family:Verdana;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
	line-height:40px;
	padding-left:20px;
}

#Search .Title, #Login .Title{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:15px;
	height:10px;
}

#Search .Input{
	padding-top:10px;
	padding-left:11px;
	width:110px;
}

#Search .Input input{
	width:126px;
	height:15px;
	background-image:url(bgInputSearch.gif);
	border:0px;
	padding-left:20px;
	padding-top:4px;
}

#Search .Submit{
	text-align:right;
	padding-top:5px;
	padding-right:15px;
}

#Search a, #Login a{
	font-family:Verdana;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}

.BrowseLeftN{
	width:130px;
	height:16px;
	font-family:Verdana;
	font-size:10px;
	line-height:16px;
	background-image:url(browseLeft.gif);
	padding-left:5px;
}

.BrowseLeftH{
	width:130px;
	height:16px;
	font-family:Verdana;
	font-size:10px;
	line-height:16px;
	background-image:url(browseLeftHover.gif);
	padding-left:5px;
	cursor:url(/layoutFiles/Hand.cur), pointer;
}

#Welcome{
	width:577px;
	height:32px;
	margin:auto;
	background-image:url(bgWelcome.gif);
	font-family:Verdana;
	font-size:9px;
	font-weight:bold;
	color:#CCCCCC;
	line-height:32px;
	padding-left:20px;
}

#Main .tbl-small{
	width:184px;
	height:auto;
}

#Main .tblHeader-small{
	width:169px;
	height:33px;
	background-image:url(tblHeaderRight.gif);
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:15px;
}

#Main .tblMiddle-small{
	width:153px;
	height:auto;
	background-image:url(tblMiddleRight.gif);
	padding-left:15px;
	padding-right:16px;
}

#Main .tblFooter-small{
	width:184px;
	height:45px;
	background-image:url(tblFooterRight.gif);
}


#Main .tbl{
	width:597px;
	height:auto;
}

#Main .tblHeader{
	width:582px;
	height:33px;
	background-image:url(mainHeader.gif);
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:15px;
}

#Main .tblMiddle{
	width:560px;
	height:auto;
	background-image:url(mainMiddle.gif);
	padding-left:22px;
	padding-right:15px;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.Home .tbl{
	width:782px;
	height:auto;
}

.Home .tblHeader{
	width:768px;
	height:33px;
	background-image:url(homeHeader.gif);
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:15px;
}

.Home .tblMiddle{
	width:745px;
	height:auto;
	background-image:url(homeMiddel.gif);
	padding-left:22px;
	padding-right:15px;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.Home .tblFooter{
	width:782px;
	height:45px;
	background-image:url(homeFooter.gif);
}

p{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
}

#Main .tblFooter{
	width:597px;
	height:45px;
	background-image:url(mainFooter.gif);
}

.Input{
	width:500px;
	height:auto;
	border:0px;
}

.Input td{
	width:50%;
	padding:3px;
	vertical-align:top;
}

.DisplayRow{
	width:554px;
	height:155px;
	padding-top:5px;
}

.Display{
	width:100px;
	height:145px;
	padding:5px;
	float:left;
	text-align:center;
	font-size:9px;
	font-family:Verdana;
	cursor:url(/layoutFiles/Hand.cur), pointer;
}

.Display .Image{
	width:80px;
	height:80px;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	margin:auto;
}

.Title{
	font-weight:bold;
	color:#0066CC;
}

.Artist{
	font-weight:bold;
	color:#666666;
}

.Genre{
	color:#999999;
}

.Buttons{
	padding-top:3px;
}

.Navigation{
	text-align:center;
	padding-top:25px;
}

.TrackTBL{
	width:554px;
	height:auto;
	font-size:8px;
	font-family:Verdana;
}

.TrackTBL .Image{
	width:80px;
	height:80px;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	float:left;
	margin-right:10px;
}

.TrackTBL td{
	vertical-align:top;
	font-size:9px;
	font-family:Verdana;
}

.trackBuy{
	width:150px;
	float:right;
	margin-right:10px;
	text-align:center;
}

.ImageInfo{
	width:150px;
	height:150px;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
}

.TrackComment{
	width:300px;
	height:auto;
	padding:10px;
}

.TrackComment .Tools{
	float:right;
	margin-left:10px;
	width:40px;
	text-align:right;
}

.TrackComment .User{
	width:300px;
}

.TrackComment .Comment{
	width:300px;
	padding:4px;
}

#addComment{
	padding-left:10px;
	display:none;
}

.Price{
	font-size:15px;
	font-weight:bold;
}

.IE6Submit{
	width:1px;
	height:1px;
	float:right;
	border:0px;
}

iframe{
	width:1px;
	height:1px;
	float:right;
}

#Footer a{ color:#CCCCCC }

.Editor{
	padding:10px;
}

.Editor input{
	width:auto;
	height:25px;
	font-family:Verdana;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	border-width:0px;
	background-color:#FFFFFF;
}

.Editor select{
	width:auto;
}

.Editor textarea{
	width:430px;
	height:300px;
}

input.txt{
	width:190px;
	font-family:Verdana;
	font-size:10px;
	color:#333333;
	border-width:1px; 
	font-weight:normal;
	height:auto;
}

.BlogSample{
	overflow:hidden;
	cursor:url(./layoutFiles/Hand.cur), pointer;
}

.BlogSample .bbCode{
	height:94px;
	overflow:hidden;
}

.BlogSample .More{
	float:right;
	padding-right:10px;
}

#GenresZijkant{
	width:130px;
	margin:5px;
	margin-left:3px;
}

td.Home{
	vertical-align:top;
	height:300px;
}

.tbl-dark{
	width:174px;
	height:auto;
	overflow:hidden;
	margin:auto;
}

.tbl-dark .tblHeader{
	width:169px;
	height:33px;
	background-image:url(tblDarkHeader.gif);
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:15px;
}

.tbl-dark .tblMiddle{
	width:153px;
	height:auto;
	background-image:url(tblDarkMiddle.gif);
	padding-left:10px;
	padding-right:16px;
}

.tbl-dark .tblFooter{
	width:184px;
	height:45px;
	background-image:url(tblDarkFooter.gif);
}

.tbl-light{
	width:174px;
	height:auto;
	overflow:hidden;
	margin:auto;
}

.tbl-light .tblHeader{
	width:169px;
	height:33px;
	background-image:url(tblLightHeader.gif);
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:15px;
}

.tbl-light .tblMiddle{
	width:153px;
	height:auto;
	background-image:url(tblLightMiddle.gif);
	padding-left:10px;
	padding-right:16px;
}

.tbl-light .tblFooter{
	width:174px;
	height:45px;
	background-image:url(tblLightFooter.gif);
}

.TrackSmall{
	height:50px;
	width:130px;
	margin:auto;
	border-bottom:1px solid #333333;
	padding-top:2px;
	font-size:10px;
	font-family:Verdana;
}

.TrackSmall .Image{
	width:40px;
	height:50px;
	float:left;
}

.TrackSmall .Count{
	width:34px;
	height:12px;
	background-image:url(count.gif);
	font-size:8px;
	text-align:center;
	line-height:12px;
	color:#FFFFFF;
}

.TrackSmall .Image img{
	border:1px solid #000000;
	margin-top:2px;
}

#SearchTips{
	position:absolute;
	top:150px;
	width:200px;
	height:auto;
	background-color:#FAFAFA;
	border:1px #999999 solid;
	display:none;
}

#SearchTips div{
	padding:3px;
	padding-left:10px;
}

.Rij{
	width:550px;
	height:90px;
	border-bottom:1px solid #CCCCCC;
}

.Rij .Image{
	width:100px;
	height:80px;
	margin:5px;
	float:left;
}

.Rij .Artist{
	width:150px;
	height:80px;
	margin:5px;
	float:left;
}

.Rij .details{
	width:150px;
	height:80px;
	margin:5px;
	float:left;
}

.Rij .Buttons{
	width:75px;
	height:30px;
	padding-top:30px;
	float:left;
	text-align:right;
}