/* layout */
body#devresources #main #content #top-headingnav { width:582px;  margin:-25px 0 0; padding:2em 0 1em; border-bottom: 1px solid #E1E1E1; }
em.more { background:url(../../global/elements/arrows/morearrow_08c.gif) no-repeat scroll 100% 0.4em; padding-right:10px; white-space:nowrap; }

/* Resources for Apple Developers - Page */
body#devresources #main #content { padding:46px 40px 18px !important; }
body#devresources #main #content h1.underline { margin-bottom: 0; padding-bottom: 10px; line-height: 1em; border-bottom: 1px solid #e1e1e1; }
body#devresources #main #content.grid2cola .column em  { font-style:normal; color:#0088CC; }
body#devresources #main #content.grid2cola .column a:hover em { text-decoration:underline; }
body#devresources #main #content.grid2cola .column a:hover { text-decoration:none; }
body#devresources #main #content.grid2cola .column a:hover.underline { text-decoration:underline; }
body#devresources #main #content.grid2cola .column a p { color:#000; }
body#devresources #main #content.grid2cola .column.first a:hover h3,
body#devresources #main #content.grid2cola .column.last a:hover h4 { color: #0088CC; text-decoration:none; }
body#devresources #main #content.grid2cola .column.first .wrapper { width:582px; border-bottom:1px solid #e1e1e1; padding:26px 0; }
body#devresources #main #content.grid2cola .column.first .wrapper.bottom { border-bottom:none; }
body#devresources #main #content.grid2cola .column.first .wrapper p { margin-bottom:2px; }
body#devresources #main #content.grid2cola .column.first .wrapper h3 { margin-top:0; padding-top:0.7em; }
body#devresources #main #content.grid2cola .column.first .wrapper h3.lesspush { margin-top:0; padding-top:.1em; }
body#devresources #main #content.grid2cola .column.first .wrapper h3.nopush { margin-top:0; padding-top:0; }
body#devresources #main #content.grid2cola .column.first .wrapper.bottom ul li { display:inline; padding:0 5px 0 4px; border-right:1px solid #000; }
body#devresources #main #content.grid2cola .column.first .wrapper.bottom ul li.lastitem { border-right:none; }
body#devresources #main #content.grid2cola .column.first .wrapper img.left { margin: 0 20px 0 0; }
body#devresources #main #content.grid2cola .column.first .wrapper img.left.pushdown { margin:10px 20px 0 0; }
body#devresources #main #content .grid2col .column { width:37%; *width:47%; }
body#devresources #main #content .grid2col { *width:auto !important; }

/* Right Side, Callout */

body#devresources #main #content.grid2cola .column.last.callout {
	width:280px; padding:0; background-color:#f6f6f6; margin-top:36px; border:1px solid #e4e4e4; border-top:1px solid #f6f6f6;
	border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; 
}
body#devresources #main #content.grid2cola .column.last.callout p { margin:0; font-size:11px;}
body#devresources #main #content.grid2cola .column.last.callout div { padding:22px 22px 15px 22px; border-bottom:1px solid #e4e4e4; }
body#devresources #main #content.grid2cola .column.last.callout div.bottom { border-bottom:none; padding-bottom:25px !important; }
body#devresources #main #content.grid2cola .column.last.callout div.bottom em.more { *display:block; *text-align:left; *width:60px; *background-position:100% 0.5em; }
body#devresources #main #content.grid2cola .column.last.callout div span { margin-top:12px; display:block; text-align:center; }
body#devresources #main #content.grid2cola .column.last.callout div a.more { font-size:11px; }
body#devresources #main #content.grid2cola .column.last.callout div a { font-size:12px; line-height:1.5; }
body#devresources #main #content.grid2cola .column.last.callout img.itunes_login.left { vertical-align:middle; margin-right:8px; }
body#devresources #main #content.grid2cola .column.last.callout p.itunes_login { line-height:32px; }
body#devresources #main #content.grid2cola .column.last.callout p.itunes_login a:hover { text-decoration:underline; }
body#devresources #main #content.grid2cola .column.last.callout p.itunes_login a.more { background-position:100% 50%; }

body#devresources #main #content.grid2cola .column.last.callout #get-started a:hover { text-decoration: underline; }
body#devresources #main #content.grid2cola .column.first ul.grey-bullets,
body#devresources #main #content.grid2cola .column.last.callout #get-started ul.grey-bullets { list-style-type:disc; color:#999; margin: .8em 0 .8em 16px; }

/* Promofooter Chrome */
.promos { 
	position:relative; margin:0 auto; 
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; 
	-o-border-radius: 4px; -khtml-border-radius: 4px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; 
	-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; background:transparent url(../../assets/elements/layout/promofooter4_bg.png) 0 100% no-repeat !important; 
	*border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; 
}

.promofooter_div { clear:both; width:984px !important; margin:0 auto !important; }
#promofooter_chrome { zoom:1; color:#777; margin-top:15px; width:980px !important; margin-left:2px; }
#promofooter_chrome:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#promofooter_chrome li { float:left; width:245px; }
/* #promofooter_chrome li a { display:block; position:relative; height:145px; padding:17px 22px; text-decoration:none; color:#777; } */
#promofooter_chrome li a.button { margin-left:23px; }
#promofooter_chrome li h4 { margin-bottom:.4em; }
#promofooter_chrome li p { font-size:11px; margin:0; width:210px;}
#promofooter_chrome li a:hover { color:#08c; }
#promofooter_chrome li img { display:block; position:absolute; bottom:0; left:0; }

#promofooter_chrome + h2 { margin-top:2em; }

#promofooter_chrome.alt { padding-top:17px; }
#promofooter_chrome.alt li { float:left; width:245px; }
#promofooter_chrome.alt li h4 { margin-left:22px; }
#promofooter_chrome.alt li h4:hover { color:#08c; cursor:pointer; }
#promofooter_chrome.alt li p { margin-left:22px; }
#promofooter_chrome.alt li em.more { font-style:normal; color: #08c; white-space: nowrap; padding-left:23px; padding-right: 10px; background: url(../../global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; cursor: pointer; font-size:11px; }
#promofooter_chrome.alt li em.more:hover { text-decoration:underline; }
#promofooter_chrome.alt li p + a { height:auto; padding:0; }
#promofooter_chrome.alt li img { position:relative; bottom:0; left:0; margin-top:1em; }