/* @override 
	http://www.touchtalk.at/wp-content/plugins/AppStore/css/AppStore.css
	http://www.touchtalk.dreamhosters.com/tttest/wp-content/plugins/appstore/css/AppStore.css
*/

div.apps {  
font-size: 12px;
line-height: 1;
float: left;
width: 400px;
padding: 0 0 0 30px;
}

div.apps a{
text-decoration: none;
}

div.apps a.Bild{ 
float: left;
width: 175px;
}

.artwork{ 
position:relative;
}

img.artwork{ 
	border: medium none;
    box-shadow: none;
    position: relative;
    z-index: 0;
     height: auto;
    max-width: 175px;
}

div.apps img.Image{
	margin-right: 5px;
	margin-left: 5px; 
	margin-top: 2px; 
	margin-bottom: 0px;
	width: 175px;
	height: 175px;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;*/
	border-color: silver;
	float: left;
	border-style: hidden;
	
	position: relative;
	z-index: 0;
}

.mask {
	background: url("../images/mask175.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 179px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 177px;
    z-index: 1;

    display: none;
}

div.apps span.Titel{
font-size: 21px;
color:#333333;
}

div.apps span.Genre{
font-size: 13px;
color:#858282;
display: block;
margin-top: 5px;
}

div.apps span.Preis{
font-size: 16px;
color:#ffffff;
font-weight: normal;
padding:18px 0 0 15px;
display: block;
float: left;
text-transform: uppercase;
}

div.apps span.Hersteller{
font-size: 80%;
}

div.apps span.Freigabe{
font-size: 80%;
}

div.apps span.Download{
font-size: 13px;
font-weight: normal;
color: #ffffff;
padding:20px 40px 0 0px;
display: block;
float: right;
}

div.apps span.Download a{
color: #ffffff;
}

div.apps span.Rating{
font-size: 80%;
}

.btn-appstore{
background: url(../images/btn-appstore.gif) no-repeat;
width: 270px;
height: 55px;
display: block;
margin-top: 30px;
}

div.apps a.DownloadLink{
font-size: 100%;
}

div.apps img.ratingStarsImg {
	position: absolute;
	border: 0 !important;
	margin: 0 !important;
	margin-top: 3px !important;
	margin-left: 5px !important;
	padding: 0 !important;
}

.appImageContainer {
	margin: 15px auto;
	margin: 15px auto;
	padding: 8px;
	background-color: #363636;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(border-radius.htc);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#363636'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#363636)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #999,  #363636); /* for firefox 3.6+ */			
}

.appSliderGallery {
	height: 320px;
	/*width: 90%;*/
	overflow: auto;
	/*border: 0px solid #ccc;*/
	margin: 0em;
	/*background-color: #363636;*/
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(border-radius.htc);		
}

.appSliderGallery ul {
	list-style: none;
	white-space:nowrap;
	margin: 0;
	padding: 0;
}

.appSliderGallery li {
	display: inline;
	margin: 0;
	padding: 0 3px 0 3px;
}

/*.sliderGallery li img {
	height: 90%;
	border: 0px solid #ccc;
}*/

.appSliderGallery li img {
	max-height: 295px !important; 
	/*max-height: 90%;*/
	width: auto !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.appBundle{
	border: 1px solid #878787;
	width: auto;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(border-radius.htc);
	padding:8px;
}

div.appStore-sidebox {
width: 200px;
padding: 10px;
float: right;
border: 1px solid black;
background: #CCC;
margin-top: 40px;
}

div.appStore-sidebox div{
text-align: center;
}