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

/* Page Body */

body {
	background-color: #f0f0f0;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow:visible;
}

a img {
	border: none;
}

#container, .container {
	width:930px;
	margin: 0 auto 0 auto;
}

#embedcontainer, .embedcontainer {
	margin: 0 10px 0 10px;
}

#iphonecontainer {
	margin: 0 auto 0 auto;
}

.floatleft {
float:left;
}
.floatright {
float:right;
}

/* Footer */
#footer {
	width:930px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-size: 8pt;
	color:#999;
}

#footer span {
	font-size: 6pt;
}

/* Category Button */
#categorybutton-container1 {
	position:absolute;
	top: 20px;
	left: 5px;
	right: 5px;
	padding-bottom:20px;
}

#categorybutton-container2 {
	width:930px;
	margin: 0 auto 0 auto;	
}

/* Main Bubble or container */

.main-bubble-top, .white-bubble-top {
height: 2px;
}
.main-bubble-bottom {
}
.white-bubble-bottom {
}

.main-bubble-sides, .white-bubble-sides {
}

.main-bubble-body, .white-bubble-body  {
	background:#fff;
	border: 1px solid #ccc;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow:visible;
	border-radius: 8px;
}

.main-bubble-body {
	background:#fff url(images/main-bubble-gradient.png) bottom repeat-x;
}

#home-bubble-body {
	min-height:33em;
}




a {
	color: #069;
}

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

a:hover {
	text-decoration: underline;
}




/*   Main Search Page */

#main-search {
	width: 390px;
	margin: 0 auto 0 auto;
	padding: 60px 0 0 0;
}
#main-search img {
	padding: 0 50px 15px 50px;
}
#main-search input.text {
	width: 290px;
	margin: 0 0 0 5px;
}
#main-search input.button {
	width: 70px;
	margin: 0 0 0 10px;
}

#betanote {
	padding-top: 10px;
	text-align:center;
	font-size: 9pt;
	font-style: italic;
	font-weight: bold;
	/*color: #900;*/
}

.authornote {
	text-align:center;
	font-size: 10pt;
	padding: 0 0 10px 0;
}
.centernote {
	text-align:center;
	font-size: 11pt;
	font-style: italic;
	padding: 10px 10px 10px 10px;
}


/*   Results Pages Search Page */

#resultssearchbox {
	padding: 0 0 0 0;
	height: 38px;
}

#resultssearchbox img {
	border: none;
	position:relative;
	top: 2px;
	left: -1px;
	vertical-align:middle;
	float:right;
}

#resultssearchbox input.text {
	width: 200px;
	margin: 8px 0 0 10px;
}

#resultssearchbox input.button {
	width: 60px;
	margin: 8px 0 0 5px;
	font-size: 10px;
}

.strike {
	text-decoration:line-through;
	color:#600;
	font-weight:bold;	
}

.saving {
	color:#060;
}

/* Featured Items */

#featured-items {
	width: 897px;
	margin: 0 auto 0 auto;
	padding: 70px 0 20px 0;
}
#featured-items h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000;
	font-size:12pt;
	font-weight:bold;
}

#featured-items h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #666;
	font-size:14pt;
	font-weight:normal;
}

#feature1, #feature2 {
	float:right;
	padding-right: 20px;
}

.feature-top {
	width: 279px;
	height: 5px;
	background:url(images/feature-top.png);
}
.feature-bottom {
	width: 279px;
	height: 5px;
	background:url(images/feature-bottom.png);
}

.feature-iphonebg {
	width: 259px;
	height: 190px;
	overflow:hidden;
	padding: 0 10px 0 10px;
	background:url(images/feature-iphone-bg.png) top no-repeat;
}

.feature-iphone-vert {
	float:right;
	width: 98px;
	height: 180px;
	background:url(images/feature-iphone-vert-bg.png);
}
.feature-iphone-vert img {
	position:relative;
	top: 30px;
	left: 9px;
}

.feature-iphone-horiz {
	width: 180px;
	height: 97px;
	margin-top: 10px;
	background:url(images/feature-iphone-horiz-bg.png);
}
.feature-iphone-horiz img {
	position:relative;
	top: 9px;
	left: 31px;
}


.feature-body {
	width: 259px;
	height: 190px;
	overflow:hidden;
	padding: 0 10px 0 10px;
	background:url(images/feature-sides.png);
	font-size: 8pt;
	color:#666;
}

.feature-body a.getit {
	font-size: 10pt;
	font-weight: bold;
}

/* Results Page Header */

#resultheadline, .resultheadline {
	padding: 50px 0 10px 0;
	border-bottom: 1px solid #ccc;
}

#embedheadline {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}

#resultheadline h1, #embedheadline h1,
.resultheadline h1, .embedheadline h1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 14pt;
	font-weight:bold;
}

/* Navigation */
#navtop {
	padding: 10px 0 0 0;
	float:right;
	font-size: 8pt;
}

#navbottom {
	padding: 0 0 0 0;
	width: 200px;
	margin: 0 auto 0 auto;
	text-align:center;
	font-size: 8pt;
}

#navtop a, #navbottom a {
	display:block;
	overflow: hidden;
	background-image:url(images/nav-arrows2.png);
	margin: 0 2px 0 2px;
}

.first-on, .first-off, .last-on, .last-off {
	width: 18px;
	height: 14px;
}
.prev-on, .prev-off, .next-on, .next-off {
	width: 14px;
	height: 14px;
}

.first-on  {background-position: 0px 0px; float:left;}
.last-on   {background-position: -46px 0px; float:right;}
.prev-on   {background-position: -18px 0px; float:left;}
.next-on   {background-position: -32px 0px; float:right;}
.first-off {background-position: 0px -14px; float:left;}
.last-off  {background-position: -46px -14px; float:right;}
.prev-off  {background-position: -18px -14px; float:left;}
.next-off  {background-position: -32px -14px; float:right;}

/* Results List */
#resultslist, #iphoneresultslist {
	list-style-type:none;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
}

#resultslist li {
	height: 100px;
}

#iphoneresultslist li {
	height: 100px;
	overflow:hidden;
}

.listchart {
	display:block;
	float:right;
	height: 85px;
	width: 150px;
	padding: 0 20px 0 5px;
	margin: 0 0 0 0;
	overflow:hidden;
	border: none;
	text-decoration:none;
}

.listchart img {
	padding: 3px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color:#fff;
}

.movementarrow {
	float:right;
	width: 27px;
	height: 27px;
	background-image:url(images/movement-arrows.png);
	margin: 20px 0 0 10px;
}
.move-steady { background-position: 0px 0px;}
.move-up-small { background-position: -27px 0px; }
.move-up-big { background-position: -54px 0px; }
.move-down-small { background-position: -81px 0px; }
.move-down-big { background-position: -108px 0px; }
.move-off-chart { background-position: -135px -0px; }

.listindex {
	float:left;
	height: 54px;
	width:40px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding: 5px 0px 5px 0px;
	background-image:url(images/movement-arrows-index.png);
}

.index-steady { background-position: 0px 0px;}
.index-up-1 { background-position: -40px 0px; }
.index-up-2 { background-position: -80px 0px; }
.index-up-3 { background-position: -120px 0px; }
.index-down-1 { background-position: -160px 0px; }
.index-down-2 { background-position: -200px 0px; }
.index-down-3 { background-position: -240px 0px; }
.index-off { background-position: -280px 0px; }
.index-hide { background-image:none; }

.indexdelta {
	font-size:11px;
	font-style:italic;
	width: 30px;
	margin: 0 auto 0 auto;
	padding: 14px 0 0 0;
	font-weight:normal;
}

.listcontent {
	padding: 0 0 0 5px;
	font-size:14px;
	font-weight:normal;
	height: 85px;
	overflow: hidden;
}
.iphonelistcontent {
	padding: 0 0 0 5px;
	font-size:14px;
	font-weight:normal;
	overflow: hidden;
}

.listtitle {
	display:block;
/*	width: 550px; */
	height: 18px;
	font-size:15px;
	font-weight:bold;
	overflow:hidden;
}

.listcontent p, .iphonelistcontent p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.listinfo {
	font-size: 11px;
}

.listicon {
	float:left;
	width: 64px;
	height: 75px;
	overflow:hidden;
	padding: 0 0 0 5px;
}

.listicon-mask {
	position:relative;
	top:-64px;
}


/* Details Page */

.buytitle {
    display:block;
	padding: 8px 8px 8px 15px;
	float: left;
	color: #fff;
	font-weight: 800;
	font-size: 20px;
	line-height: 26px;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
	text-transform: uppercase;
	border-right: 1px solid rgba(255,255,255,0.3);
}
.buyprice {
    display:block;
	padding: 8px 15px 8px 5px;
	float: left;
	color: rgba(0,0,0,0.4);
	font-weight: 800;
	font-size: 14px;
	line-height: 26px;
	text-shadow: 1px 1px rgba(255,255,255,0.3);
	text-transform: uppercase;	
	border-left: 1px solid rgba(0,0,0,0.2);
}

.buybutton {
	display:inline-block;
	font-family:Verdana, Geneva, sans-serif;
	border-radius: 25px;
	margin: 5px;
	border: 1px solid rgba(0,0,0,0.4) ;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5),
				0 0 1px 1px rgba(255,255,255,0.8),
				0 0 0 6px rgba(0,0,0,0.06),
				0 0 0 3px rgba(0,0,0,0.1);
	cursor: pointer;
}

.buybutton {
	background: rgb(143,200,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjhlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(143,200,0,1) 0%, rgba(102,142,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(102,142,0,1)));
	background: -webkit-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#668e00',GradientType=0 );
}
.buybutton:hover {
	background: rgb(102,142,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2OGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(102,142,0,1) 0%, rgba(143,200,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,142,0,1)), color-stop(100%,rgba(143,200,0,1)));
	background: -webkit-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668e00', endColorstr='#8fc800',GradientType=0 );
}




#details-headline {
	padding: 50px 0 10px 0;
	font-size: 9pt;
	height: 100px;
}

#details-headline a {
	font-weight: bold;
}

#details-headline h1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 16pt;
}
.details-icon {
	float:left;
	width: 105px;
	height: 105px;
	overflow:hidden;
	padding: 0 5px 0 5px;
}

.details-icon img {
	border: none;
}

.details-icon-mask {
	position:relative;
	top:-100px;
}

.advertcolumn {
	background-color: #f8f8f8;
	float:left;
	margin: 10px 20px 20px 10px;
	width: 160px;
	/*height: 600px;*/
	border: 2px solid #EEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.advertcolumn p {
	margin: 10px 5px 5px 10px;	
}

.detailprice {
	padding: 5px 0 0 0;
	font-size: 10pt;
}

.paid {
	font-weight: bold;
	font-style: italic;
}

.free {
	color: #66CC66;
	font-weight: bold;
	font-style: italic;
}

#detailchart {
	float:right;
	width: 356px;
	margin: 0 0 20px 10px;
}

#detailchartimg {
	padding: 10px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.details-iphone-vert {
	margin: 10px auto 10px auto;
	width: 182px;
	height: 337px;
	background:url(images/iphone-bg-big-v.png);
}
.details-iphone-vert img {
	position:relative;
	top: 57px;
	left: 17px;
	border: none;
}

.details-iphone-horiz {
	margin: 10px auto 10px auto;
	width: 334px;
	height: 179px;
	margin-top: 10px;
	background:url(images/iphone-bg-big-h.png);
}
.details-iphone-horiz img {
	position:relative;
	top: 15px;
	left: 56px;
	border: none;
}

#details-body {
	
	font-size: 9pt;
	text-align:justify;
}

/* Misc */

.small {
	font-size: 9pt;
}

.insettext {
	padding: 0px 20px 0px 20px;
}

/* ipad */

.ipadframe {
	background: url(images/ipad-frame-1.png) top left no-repeat;
	width: 279px;
	height: 219px;
}

.ipadscreencrop {
	position:relative;
	top: 25px;
	left: 28px;
	width: 225px;
	height: 169px;
	overflow: hidden;
}

.ipadscreencrop img {
/*	position:relative;
	top: -28px;*/
}

.clear {
	clear:both;	
}

/* Developer Ads bubble */

.developerads {
	width: 770px;
	margin: 0 auto 0 auto;	
}

.developerads h3 {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	font-size: 12pt;	
}

.developerads p {
	font-size: 10pt;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;	
}

.developerads div.iframe {
	padding: 10px 0 10px 0;
}
.developerads iframe {
	display:block;
	width: 768px;
	height: 66px;
}
.red {
	color:#900;
}