body { line-height:1.4em; background:url(/images/blank.gif) no-repeat fixed; }

.grid3cola .column { width:582px; margin-left:11px; margin-top:11px;}
.grid3cola .column.first, .grid3cola .column.last { width:140px; }
.grid2col .column.first { min-height: 345px; position: relative; width: 210px; *height: 345px; }
.grid2col .column.last { width: 439px; }

#content { padding:0; color:#555; }

#main h2 { font-size:22px; margin-bottom:.6em; color:#383838; font-weight:normal; }
#main h3 { font-size:16px; margin-bottom:.2em; color:#2970a6; }
#main h4, #main .featured .details h4 { font-size:1em; color:#555; }

#main a { color:#2970a6; text-decoration:none; }
#main a:hover { text-decoration:underline; }

#main .box ul { margin-bottom:0; }
#main .box ul li { margin-bottom:1.6em; }

#main hr { clear:both; width:100%; color:#fff; background:none; border:none; margin:0 -1px 1em; border-bottom:1px solid #e5e5e5; }

#main .box { width:690px; padding:0 20px; margin-bottom:1em; }
#main .box .boxtop { padding:22px 20px 0; margin:0 -20px; background:url(/images/sortnav_bg.png) no-repeat 0 0; zoom:1; _margin-bottom:-1em; }
#main .box .boxtop:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#main .box .boxbottom { padding:0 20px 1em; margin:0 -20px; }
/*#main .box .boxbottom { padding:0 20px 1em; margin:0 -20px; background:url(/images/content_bgbottom.gif) no-repeat 0 100%; }*/

#main .box .boxtop #sortnav { height:17px; padding:4px 10px; margin:-22px -20px 22px; background:url(/images/sortnav_bg.png) no-repeat 0 0; zoom:1; }
#main .box .boxtop #sortnav h4 { float:left; width:35px; height:17px; color:#808080; font-weight:normal; text-indent:-99999px; }
#main .box .boxtop #sortnav ul, #main .box .boxtop #sortnav ul li { display:inline; }
#main .box .boxtop #sortnav ul li a:hover { background-position:0 -25px !important; }
#main .box .boxtop #sortnav ul li a.active { cursor:default; background-position:0 -50px !important; }
#main .box .boxtop #sortnav a.rss { float:right; width:27px; height:15px; margin:1px -5px 0; text-indent:-99999px; }

#main ul.results { clear:both; margin:1.6em -1px -.3em; padding:1.2em 1px 0 100px; border-top:1px solid #e5e5e5; overflow:hidden; }
#main ul.results.numbered { list-style-type: decimal; }
#main ul.results li.item { clear:both; position:relative; margin:.6em 0 0; padding:0 0 1em; color:#000; font-size:13px; line-height:1.4em; font-weight:bold; }
#main ul.results li.item a.thumbnail { display:block; position:absolute; top:0; left:0; width:56px; height:56px; margin:-2px 0 6px -85px; text-align:center; }
#main ul.results li.item a.thumbnail img { }

#main ul.results li.item span { color:#555; font-size:11px; line-height:1.4em; font-weight:normal; }
#main ul.results li.item span.description { display:block; margin:0 13em .6em 0; min-height:3em; }

#main ul.results li.item hr { width:544px; margin:1.6em -1px 0 -101px; padding:0 1px 0 101px; }

#main div.mobilebutton { display: none; }
#main div.button { width:5.6em; font-size:11px; position:absolute; right:0; margin-top:-2.1em; _right:20px; }
#main div.button div { position:relative; }
#main div.button div.topright { background-position:top right; margin-left:9px; padding-top:10px; position:relative; }
#main div.button div.bottomright { background-position:bottom right; }
#main div.button div.bottomleft { background-position:bottom left; margin:0 9px 0 -9px; padding:1px 0 7px 9px; }
#main div.button div.bottomleft a { display:block; margin:-10px 0 -7px -1px; padding:0 10px 0 2px; color:#fff; text-decoration:none; position:relative; }
#main div.button div.bottomleft a:hover { text-decoration:underline; }
#main div.button div.bottomleft div { padding:0; margin:0; background:none; }

#main .featured h4 { color:#aeaeae; }
#main .featured a.downloadbutton { float:none; }
#main .featured .sysreq h4 { color:#555; }

#iphonewrapper { height: 356px;  z-index: 200; position: absolute; top: 15px; width: 184px; }
#iphonewrapper img { margin: 0; }
#iphonewrapper img#iphone-device { position: relative; z-index: 202; }
#iphonewrapper img#iphone-screen { position: absolute; top: 48px; left: 13px; }

#main .details { margin:0 -1px 1.8em; padding:0 1px; font-size:11px; border-bottom:1px solid #e5e5e5; }
#main .details dl { display:inline; }
#main .details dt, #main .details dd { float:left; padding-top:.5em; border-top:1px solid #e5e5e5; }
#main .details dt { clear:left; width:30%; margin-left:-1px; padding-left:1px; _padding-left:2px; }
#main .details dd { width:70%; margin-right:-1px; padding-right:1px; text-align:right; }

#main .sidebox { padding:0 12px; margin:0 20px 1em; font-size:11px; color:#76797c; line-height:1.3em; }
#main .sidebox h2, #main .sidebox h2 a { display:block; height:25px; text-indent:-9999px; padding:0 12px; margin:0 -12px; background:no-repeat 0 0; }
#main .sidebox h2.alt, #main .sidebox h2.alt a { padding:.8em 12px; margin:0 -12px .8em; text-indent:0; font-size:11px; line-height:1.4em; font-weight:bold; }

#main .sidebox img.left { margin-right:10px; margin-bottom:10px; }
#main .sidebox img.right { margin-left:10px; margin-bottom:10px; }
#main .sidebox img.across { margin-bottom:10px; }
#main .sidebox img.flushright { margin-right:-12px; }
#main .sidebox img.flushleft { margin-left:-12px; }

#main .sidebar { width:140px; font-size:11px; line-height:1.3em; }

#main .sidebar .box { margin-bottom:.6em; border-bottom:1px solid #fff; padding: 0; width: auto;}
#main .sidebar .box .box.top { margin:0; border-bottom:none; }
#main .sidebar .box .box.top .box.bottom { margin:0; padding:.8em 14px .6em; border-bottom:none; }

#main .sidebar .what .box h3 { font-size: 12px; }
#main .sidebar .box.dark .box.top .box.bottom { padding:2em 14px 1em; }

#main .sidebar .box h3 { margin-bottom:.4em; color:#000; font-size:11px; line-height:1.1em; }
#main .sidebar .box p { margin-bottom:.6em; }
#main .sidebar .box img.across { margin-right:-13px; margin-left:-13px; }
#main .sidebar .box img.right { margin-top:4px; margin-bottom:0; }

#main .sidebar .what img.across { margin-bottom:1.8em; }
#main .sidebar .what h3 { margin-right:-2px; }
#main .sidebar .what p { margin-right:10px; }

#main .sidebar .development img.right { margin-right:-3px; margin-left:4px; }
#main .sidebar .feedback img.right { margin-top:6px; margin-left:10px; }

/* sidenav sidebar item */
#main .sidebox#browse { padding:0; overflow:hidden; }
#main .sidebox#browse h2 { padding:0; margin:0; }
#main .sidebox#browse .clearer { margin:-5px 0 0 0; position:relative; }

#main #sidenav .categories { padding:0; margin:0; width:140px; }

#sidebox ul.allproducts { margin:0; padding:1em 0 0; }
#sidebox ul.allproducts ul {display:none;}
#sidebox ul.allproducts li { display:inline; padding:0; }
#sidebox ul.allproducts li a { display:block; margin:0; padding:2px 15px 2px; color:#000; background: none;}
#sidebox ul.allproducts li a.bottom {margin-bottom:1em;}

#sidebox ul.allproducts li ul.sub a { padding:3px 30px 2px; }
#sidebox ul.allproducts li ul.sub a:hover { cursor: pointer; text-decoration:underline; }
#sidebox ul.allproducts li ul.sub { margin: 0; }

{ cursor:default; color:#fff; text-decoration:none; background:#bdbdbd }

.boxtall { display:block; margin:0; padding:0px; height:540px; align: bottom; }