/*  -- AUTHOR: matt.dillon@powershop.co.nz -----------------------------------------------------------  */
/*  -- MEDIUM: SCREEN -------------------------------------------------------------------------  */	
	
/*  -- iPhone PAGE STYLES --------------------------------------------------------------------------------  */


		
		
		#content-iPhone-left {
			width: 720px;
			float: left;
			margin-top: -66px;
		}
		
		
		#iPhone-top{
			width: 960px;
			height:333px;
			padding: 0;
			margin: 0 0 20px 0;
			
			overflow:visible;
			background: url(/images/powershop-public/iPhone/iPhone-header-bkgd-2.png);
			background-repeat: no-repeat;
			color:#FFF;
		}
		
		#iPhone-top-left {
			float: left;
			padding: 45px 0 0 55px;
			width: 480px;
			font-size: 22px;
		}
		#iPhone-top-right {
			float: right;
			padding: 20px 14px 0 0;
			width: 216px;
			font-size: 22px;
			overflow:visible;
		}
		
		
		
		.box650 {
			width: 650px;
			margin: 0 20px 20px 20px;
		}
		
		.box672 {
			width: 672px;
			margin: 0 6px 20px 20px;
		}
		
		.box672-screen-grabs {
			width: 672px;
			margin: 0 6px 20px 20px;
			padding: 0;
		}
		
		.iPhone-title-sifr {
			margin: 0px;
		}
		
		.iPhone-subtitle {
			font-size: 16px;
			text-align:left;
			line-height: 1.35em;
		}
	

#content-box {
			padding: 0px 0 0 0;
		}
		#content-box-top {
			background: url(/images/powershop-public/developers/content-box-top.png) no-repeat;
			width: 720px;
			height: 3px;
			overflow:hidden;
		}
		#content-box-bottom {
			background: url(/images/powershop-public/developers/content-box-bottom.png) no-repeat;
			width: 720px;
			height: 3px;
		}
		#content-box-mid {			
			padding: 28px 10px 20px 10px;
			border-left:solid #C1C4C8;
			border-left-width: 1px;
			border-right:solid #C1C4C8;
			border-right-width: 1px;
			background-color:#FFF;
			overflow:auto;
			width: 698px;
		}

/*  ----- RIGHT COL -------- */
		#content-iPhone-right {
			width: 240px;
			float: right;
			text-align:center;
		}

/*---------------------- Navigation --------------------------*/
	#iPhone-navigation{
		margin-top: 10px;
		background: url(/images/powershop-public/apps/apps-nav-filler.png) no-repeat;
		height: 65px;
		width: 960px;
		float: left;
	}
		
		#iPhone-navigation ul li{
			float: left;
			height: 65px;
			}

	a#iPhone-nav-home{
		text-indent: -9999px;
		height: 52px;
		width: 112px;
		display: block;
		background: url(/images/powershop-public/iPhone/iPhone-nav-items.png) no-repeat 0 0;
		}
	
	a#iPhone-nav-home:hover {
		background-position: 0 -52px;
		}


	a#iPhone-btn-download {
		text-indent: -9999px;
		height: 29px;
		width: 120px;
		display:inline-block;
		background: url(/images/powershop-public/iPhone/btn-download-now.png) no-repeat 0 0;
		}
	
	a#iPhone-btn-download:hover {
		background-position: 0 -29px;
		}



 
	#iPhone-nav-switch-now {
		text-indent: -9999px;
		height: 32px;
		width: 105px;
		display: block;
		background: url(/images/powershop-public/iPhone/iPhone-nav-btns.png) no-repeat 0 0;
		}
	
		#iPhone-nav-switch-now:hover {
			background-position: 0px 100%;
			}
	

	#iPhone-nav-login {
		text-indent: -9999px;
		height: 32px;
		width: 67px;
		display: block;
		background: url(/images/powershop-public/iPhone/iPhone-nav-btns.png) no-repeat 100% 0;
		}
		
		#iPhone-nav-login:hover {
			background-position: 100% 100%;
			}
	ul#right-iPhone-nav {
		float: right;
		
		padding: 9px 13px 0 0;
		}

		ul#right-iPhone-nav li {
			margin-left: 9px;
			}
			
			
.iPhone-grab {
	float:left;
	width:326px;
	padding: 0 8px 0 0;
}


/* ------------ iPhone FAQ --------------- */

#iphone-faq{
	padding: 0;
	margin: 0 0 10px 0;
}

#iphone-faq-show a#iphone-faq-toggle,
#iphone-faq-hide a#iphone-faq-toggle {
		background: url(/images/powershop-public/iPhone/btn-iphone-faq2.png) no-repeat 0px 0px;
		height: 29px;
		width: 662px;
		display: block;
		margin: 0 0 12px 0;
		text-indent: -9999px;
}
	
#iphone-faq-hide a#iphone-faq-toggle{
	background-position: 0px -29px;
	
}


#iphone-faq-content h3 {
	padding: 0;
	margin: 0 0 4px 0;
}

#iphone-faq-content p {
	line-height: 1.35em;
}

#iphone-faq-content ul {
	font-size: 1em;
	margin-bottom: 15px;  
	color: #666;
	line-height: 1.35em;
}

#iphone-faq-content li {
	font-size: 1em;
		color: #666;
		line-height: 1.6em;
		list-style-type:disc;
		margin-left:20px;
}
   








/* ------------------ Apps Page -------------- */

#apps-top{
	width: 960px;
	height:333px;
	padding: 0;
	margin: 0 0 20px 0;
	
	overflow:visible;
	background: url(/images/powershop-public/apps/header-bkgd.png);
	background-repeat: no-repeat;
	color:#FFF;
}

#apps-top-left {
	float: left;
	padding: 45px 0 0 55px;
	width: 480px;
	font-size: 22px;
}
#apps-top-right {
	float: right;
	padding: 20px 14px 0 0;
	width: 407px;
	font-size: 22px;
	overflow:visible;
}
 


/*  ----- RIGHT COL -------- */
#content-right {
  width: 240px;
  float: right;
  text-align:center;
}

/*  ----- LEFT COL -------- */ 
#content-left {
  width: 720px;
  float: left;
  margin-top: -66px;
}