/* basic layout */

/* IE Fixes */
#main #content { _width:900px; _margin-right:-10px; _padding-right:0px; padding-top: 40px; padding-bottom: 60px; }
#main #main_wrap { background-image: url(/iphone/images/content_bg20080609.gif); }
#main_bottom { background-image: url(/iphone/images/content_bottom20080609.gif); }

#main #moviecontainer { margin-top:15px; }
#main .grid2colc { padding:20px 0; width:524px; margin:0 auto; }
#main .grid2colc .column.first { width:19em; }
#main .grid2colc .column.last { width:8.5em; }

/* guided tour index */
#main ul.options { border-top:1px solid #ecedee; padding-top:6px; text-align:center; }
#main ul.options li { display:inline; padding-right:28px; }
#main ul.options li.end { padding-right:0; }
#main .column.watchit, #main .column.downloadit { width:200px; }
#main #content_guidedtour h1 { background:url(http://images.apple.com/uk/iphone/guidedtour/images/iphone3g_guidedtour_title20080701.jpg) no-repeat; height:46px; text-indent:-9999px; margin:-5px 0 1px 207px; }
#main #content_whatsnew h2 { background:url(http://images.apple.com/uk/iphone/guidedtour/images/iphone3g_whatsnew_title20080701.jpg) no-repeat; height:21px; text-indent:-9999px; margin:auto 0 5px 67px; }
#main #content h3 { color:#a1a5a9; text-align:center; font-size:12px; }
#main #content_guidedtour { margin-bottom:26px; }
#main #content_whatsnew { margin-top:28px; margin-left:53px; }
#main #content_whatsnew img.apps { margin-left:71px; }
#main #content_whatsnew .column.whatsnew { width:413px; }
#main #content_guidedtour .column.first { margin-left:225px !important; _margin-left:120px !important; } 
#main #content_guidedtour .column.last { margin-right:225px !important; _margin-right:120px !important; }
 
/* nav items */
#main .controllerwrap { width:840px; margin: -10px auto 0px; }
#main p.sizes { float:left; margin: 0px; color:#000000; font-size: 10px; margin-left: 10px; }
#main p.sizes.right { float:right; padding-left: 20px; }
#main p.sizes span { color:#999; margin-right:5px; }
#main p.sizes a {color:#999; }
#main p.sizes a.active, #main p.sizes a.active:hover { color:#000; text-decoration:none; cursor:default; }
#main p.sizes a:hover { color:#000; }
#main p.sizes span#hdbutton {  margin-right:0; }
#main p.sizes span#hdbutton object,
#main p.sizes span#hdbutton embed { margin-bottom:-2px; margin-left:-1px; }

body.small #main p.sizes a.small,
body.medium #main p.sizes a.medium,
body.large #main p.sizes a.large,
body.xlarge #main p.sizes a.xlarge,
body.hd #main p.sizes a.hd { color:#000; text-decoration:none; cursor:default; }

body #main p.sizes a.download { color:#000 }

#defaultShareMessage, #shareBackMessage { display:none; }

/* Sub Nav */
body.guidedtour.index #main #main_wrap #content { background-image:none; }  
body.guidedtour #main #main_wrap #content #sectionnav { float: right; font-size: 11px; margin-top: -4px; padding: 0px; }
body.guidedtour #content #section h2 { behavior: url(/global/scripts/lib/iepngfix.htc); }
body.guidedtour #main #main_wrap #content #sectionnav li { display: block; float: left; margin: 0px 0px -10px 28px; padding: 0px; }
body.guidedtour #main #main_wrap #content #sectionnav li a { color: #969696; display: block; margin: 0px; padding: 0px 0px 12px; text-decoration: none; }
body.guidedtour #main #main_wrap #content #sectionnav li a:hover { color: #0088CC; }
body.guidedtour#allfeatures #main #main_wrap #content #sectionnav li#sn-allfeatures a  { color: #000000; }
body.guidedtour#whatsnew #main #main_wrap #content #sectionnav li#sn-whatsnew a  { color: #000000; }

body.guidedtour#allfeatures #main #main_wrap #content #sectionnav li#sn-allfeatures { background:url(/iphone/images/up_triangle20080609.gif) no-repeat center bottom; }
body.guidedtour#whatsnew #main #main_wrap #content #sectionnav li#sn-whatsnew { background:url(/iphone/images/up_triangle20080609.gif) no-repeat center bottom; }


/* video gallery */
#main #moviecontainer { position:relative; width:848px; height:480px; margin:0pt 13px 2.8em; }
#main #moviecontainer object { position:relative; z-index:100px; }
body.small #main #moviecontainer { width:320px; height:180px; padding:150px 267px 151px; }
body.medium #main #moviecontainer { width:480px; height:272px; padding:95px 107px 26px; }
body.medium #main #moviecontainer { width:640px; height:360px;}
body.large #main #moviecontainer { width:640px; }
body.xlarge #main #moviecontainer { width:848px; }

/* WIDESCREEN VIDEOS */
body.widescreen.small #main #moviecontainer { height: 180px; }
body.widescreen.medium #main #moviecontainer { height: 272px; }
body.widescreen.large #main #moviecontainer { height: 360px; }

#main #moviecontainer .noqt { display:none; font-size:20px; }
#main #moviecontainer .noqt img { position:absolute; top:50%; left:50%; margin-top:-4em; margin-left:-44px; }
#main #moviecontainer .sosumi { position:absolute; top:50%; width:100%; text-align:center; margin-top:-1.4em; font-size:20px !important; line-height:1.4em; }
#main #moviecontainer.loading object { width:1px !important; height:1px !important; visibility: hidden; }

#main #moviecontainer img.loading { display:block; margin:42% auto 0; }

#main #moviecontroller { position:relative; width:830px; height:8px; padding:6px 0 5px; margin:25px 0 10px 10px; }
#main #moviecontroller div.control { position:relative; width: 18px; height:10px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/iphone/images/qt_movie_playpause20080609.gif) center top no-repeat; margin-top: -9px; }
#main #moviecontroller div.control.play { }
#main #moviecontroller div.control.pause { background-position:center -10px; }
#main #moviecontroller div.sliderPanel { position:absolute; top:-6px; left:20px; height:8px; width:422px; }
#main #moviecontroller div.sliderPanel div.track { position:absolute; left:0px; width:840px; height:18px; background:url(/iphone/images/qt_movie_bgtrack20080609.gif) no-repeat left top; text-align:left; }
#main #moviecontroller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:18px; background:url(/iphone/images/qt_movie_bgtrack_load20080609.gif) no-repeat left top; overflow:hidden; }
#main #moviecontroller div.sliderPanel div.track div.trackProgress { display:none; }
#main #moviecontroller div.sliderPanel div.track div.playHead { position:absolute; top: 2px; width:14px; height:14px; background:url(/iphone/images/qt_movie_pointer20080609.gif) no-repeat left top; cursor:pointer; }


/*GUIDED TOURS*/
#usingiphone.guidedtour #main #adsthumbs .adthumb10 { color: #8b8f93; cursor:default; text-decoration:none; }
#usingiphone.update07 #main #adsthumbs .adthumb11 { color: #8b8f93; cursor:default; text-decoration:none; }
#usingiphone.update08 #main #adsthumbs .adthumb12 { color: #8b8f93; cursor:default; text-decoration:none; }

/*body.small #main #moviecontainer { padding:0; }
body.medium #main #moviecontainer { padding:0; }*/

#main #adsthumbs a.img:hover { text-decoration:none; }

#main .endstate.hidden { display:none; }
#main .endstate.visible { display:block; }

#main #section {position: relative; color: #000000; width: 600px; margin-left: 0px; margin-bottom: 40px; font-size: 26px; font-weight: normal; z-index: 10; margin-top: -9px;}
#main #section h3 {width: 400px; color: #9D9D9D; float: left; font-size:15px; font-weight: normal;}
#main #section p.read {float: right; font-size: 11px; margin-top: 0;}
#main #section a#read-more { position: absolute; right: 0; padding:0 20px 1px; background:url(http://apple.com/uk/iphone/images/gs_arrow20080130.png) no-repeat right; color: #aeaeae; font-size: 11px; margin-top: 0; _background-image: url(http://apple.com/uk/iphone/images/gs_arrow20080130.gif); }

#main #adsholder { display: none; }
#main #adsthumbs .slideritem, #adsthumbs .empty { float: left; width: 114px; margin:0 82px .9em 7px; padding:1px; text-align:center; }

#main #adsthumbs { position: relative; width:725px; padding-top: 20px; margin-left: 170px; _margin:0 34px 0 0; _padding-left:100px; font-size:10px; height: 125px;}
#main #adsthumbs li a img { display:block; margin:0 0 5px; }
#main #adsthumbs a { display: block; background-repeat: no-repeat; background-position: left top; behavior:url(/global/scripts/lib/iepngfix.htc); }

#main body#ad10 #adsthumbs,
#main body#ad11 #adsthumbs,
#main body#ad12 #adsthumbs { margin-left: auto; margin-right: auto; width: 387px; }
#main #adsthumbs .adthumb10,
#main #adsthumbs .adthumb11,
#main #adsthumbs .adthumb12 { text-align: center; width: 148px; }
#main #adsthumbs .adthumb10 img,
#main #adsthumbs .adthumb11 img,
#main #adsthumbs .adthumb12 img { margin-left: 8px; }

/* pill buttons */
#main #moviecontainer ul { position: absolute; top: 275px; left: 340px; }
#main #moviecontainer .pillbutton { display:block; min-height:3em; margin:0 auto 1em; padding-right:43px; text-align:center; font-size:15px; line-height:1.3em; }
#main #moviecontainer .pillbutton a { display:inline-block; position:relative; color:#fff; text-decoration:none; }
#main #moviecontainer .pillbutton a span,
#main #moviecontainer .pillbutton a b { display:inline-block; width:auto; padding:15px 0; text-align:left; outline:none; }
#main #moviecontainer .pillbutton a span { padding-right:8px; padding-left:25px; background:url('/global/elements/buttons/pillbevel_leftcap.png') no-repeat 0 50%; _background-image:url('/global/elements/buttons/pill_leftcap.gif'); }
#main #moviecontainer .pillbutton a b { position:absolute; width:43px; top:0; right:-43px; text-indent:-9999px; background:url('/global/elements/buttons/pillbevel_rightcap.png') no-repeat 0 50%; _background-image:url('/global/elements/buttons/pill_rightcap.gif'); }
#main #moviecontainer .pillbutton a b, x:-moz-any-link { top:inherit; margin-top:-15px; } /* this is for firefox because it's dumb when it comes to inline-block */
#main #moviecontainer .pillbutton a b, x:-moz-any-link, x:default { top:0; margin-top:0; } /* this is to reset IE7 because it was reading the above */
#main #moviecontainer .pillbutton a:hover { color:#e6e6e6; }

/* end states */
#main #moviecontainer .endstate { width:848px; height:480px; position: absolute; top:8px; left:0px; }
#main #moviecontainer .endstate img { top:0; opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); }

.hide { display: none; }

p.sosumi { text-align: center; margin-top: 0px auto; }