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

/* Page Body */

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

a img {
	border: none;
}

#container {
	width:930px;
	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;
}

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

/* Main Bubble or container */

.main-bubble-top, .white-bubble-top {
	background:url(images/main-bubble-top.png);
	height: 5px;
}
.main-bubble-bottom {
	background:url(images/main-bubble-bottom.png);
	height: 8px;
}
.white-bubble-bottom {
	background:url(images/white-bubble-bottom.png);
	height: 8px;
}

.main-bubble-sides, .white-bubble-sides {
	background:url(images/main-bubble-bg.png);
	padding: 0 2px 0 2px;
}

.main-bubble-body {
	background:#fff url(images/main-bubble-gradient.png) bottom repeat-x;
	padding: 0 5px 0 5px;
	min-height:53em;
}

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

.white-bubble-body {
	background:#fff;
	padding: 0 5px 0 5px;
}


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;
}

/* 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 {
	padding: 50px 0 10px 0;
	border-bottom: 1px solid #ccc;
}

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

#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 {
}

.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 */

#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;
}

.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 {
	min-height: 600px;
	font-size: 10pt;
}

/* Misc */

.small {
	font-size: 10pt;
}

.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;*/
}