﻿
.content-container .header { padding:15px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; }
.content-container .header .fontsize-control { margin-top:0; }
.content-container .header .icon { position:absolute; }
.content-container .header table { border:0; margin:0; padding:0; height:72px; }
.content-container .header table tr td { vertical-align:middle; }
.content-container .header h1 { font-size:24px; line-height:24px; padding-left:80px; width:500px; }
.content-container .header .price { position:absolute; width:175px; color:#666; font-size:18px; margin-left:575px; margin-top:-62px; line-height:64px; text-align:right; }
.content-container .header .comingsoon { margin-left:750px; }
.content-container .header .price span { display:block; background:url(../images/layout/hr.gif) repeat-x left top; font-size:11px; line-height:16px; position:relative; margin-top:-20px; font-style:italic; }
.content-container .header .buy-app { position:absolute; margin-left:760px; margin-top:-50px; }

.content-container .content { padding:20px 0 0 0; }
.content-container .social { float:left; padding-left:40px; }

.content-container .info { width:500px; float:left; clear:left; padding-left:40px; padding-bottom:30px; }
.content-container .info h2 { font-size:12px; font-weight:normal; padding:10px 0; font-size:1em; }
.content-container .info dl { margin:0; padding:0 0 20px 0; }
.content-container .info dl dt { position:absolute; width:140px; margin:0; padding:5px 0; color:#666; font-size:12px !important; }
.content-container .info dl dd { border-bottom:1px solid #ccc; margin:0; padding:5px 10px 8px 150px; min-height:10px; }
.content-container .info dl dd span { display:block; }
.content-container .info .video { padding-bottom:20px; }
.content-container .info .video #watch-video { float:left; cursor:pointer; margin-right:150px; }
.content-container .info .video label { display:block; font-size:12px; }
.content-container .info .video input[type=text] { color:#999; width:250px; }
.content-container .info .video #video-replace { display:none; }
.ui-dialog #video-replace { text-align:center; }
.ui-dialog #video-replace strong { display:block; font-size:16px; }
.ui-dialog #video-replace p { display:block; padding:20px 0; }
.content-container .info .buy-now-link { }

.content-container .screenshots { width:380px; position:relative; float:right; overflow:hidden; padding-bottom:30px; margin:-40px 20px 0 0; }
.content-container .screenshots #screenshots { list-style:none; margin:0; padding:10px 0; width:20000px; height:300px; background-color:#eee; }
.content-container .screenshots #screenshots li { width:380px; height:300px; text-align:center; float:left; }
.content-container .screenshots #screenshots .landscape { padding-top:50px; height:250px; }
.content-container .screenshots #screenshots .landscape-ipad { padding-top:37px; height:263px; }
.content-container .screenshots #screenshots li img { border:0; cursor:pointer; }
.content-container .screenshots .controls { display:table; margin:0 auto; padding:10px 0; }
.content-container .screenshots .scroll-button { display:block; width:19px; height:19px; cursor:pointer; float:left; }
.content-container .screenshots #screenshot-left { background:url(../images/arrow-buttons.png) no-repeat left top; margin-right:10px; }
.content-container .screenshots #screenshot-right { background:url(../images/arrow-buttons.png) no-repeat right top; }
.content-container .screenshots #screenshot-left:hover { background-position:left -22px; }
.content-container .screenshots #screenshot-right:hover { background-position:right -22px; }
.content-container .screenshots #screenshot-control { list-style:none; margin:0; padding:0 10px; float:left; }
.content-container .screenshots #screenshot-control li { display:inline; }
.content-container .screenshots #screenshot-control li a { display:block; background:url(../images/appdetails/dot-off.png) no-repeat center center; width:12px; height:19px; cursor:pointer; outline:none; float:left; }
.content-container .screenshots #screenshot-control li .on { background:url(../images/appdetails/dot-on.png) no-repeat center center; cursor:default; }

.content-container .dandr { float:none; clear:both; background:url(../images/layout/column-divider.gif) repeat-y 700px top; border-top:1px solid #ccc; }
.content-container .details { float:left; width:600px; padding:10px 50px 30px; }
.content-container .details h3 { font-size:16px; font-weight:normal; padding:20px 0; }
.content-container .details #app-details-remainder { display:none; }

.content-container .details .related-scroller { display:block; width:22px; height:71px; float:left; cursor:pointer; }
.content-container .details #related-apps-scroll-left { background:url(../images/appdetails/related-scroll-left.png) no-repeat; }
.content-container .details #related-apps-scroll-right { background:url(../images/appdetails/related-scroll-right.png) no-repeat; }
.content-container .details .related { overflow:hidden; width:482px; float:left; margin:0 10px; }
.content-container .details .related ul { list-style:none; margin:0; padding:0; width:2000px; }
.content-container .details .related li { float:left; padding:0 10px 10px 0; }
.content-container .details .related li img { border:0; }

.content-container .reviews { float:right; width:202px; padding:30px; }
.content-container .reviews h3 { font-size:16px; font-weight:normal; padding:0; }
.content-container .reviews ul { list-style:none; margin:0; padding:0; }
.content-container .reviews ul li { background:url(../images/layout/hr.gif) repeat-x left bottom; padding:20px 0; }
.content-container .reviews ul .last { background:none; }
.content-container .reviews ul .source { display:block; color:#999; }
.content-container .reviews ul .source em { display:block; font-style:italic; }

* html .content-container .screenshots { margin-right:10px; }
* html .content-container .details .related { width:600px; }
* html .content-container .screenshots .controls { padding-top:30px; padding-left:160px; }