﻿
.hero { height:436px; margin-bottom:15px; overflow:hidden; }
.hero #hero-nav { list-style:none; margin:0; padding:10px 0; height:416px; width:130px; position:absolute; z-index:10; margin-left:833px; background:url(../images/home/hero-nav-repeat.png) repeat-y left top; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; }
.hero #hero-nav li { padding-right:2px; border-bottom:1px solid transparent; }
.hero #hero-nav .sep { background:url(../images/home/hero-nav-sep.gif) no-repeat center bottom; }
.hero #hero-nav li a { display:block; background:url(../images/home/hero-nav-arrow.png) no-repeat 10px 24px; padding:20px 10px 20px 20px; color:#333; outline:none; border-right:1px solid transparent; border-bottom:1px solid transparent; }
.hero #hero-nav li a:hover { text-decoration:none; }
.hero #hero-nav li .on { padding-left:15px; padding-right:15px; color:#5085D1; background:url(../images/home/hero-nav-arrow-on.png) no-repeat 4px 24px #fff; border-top:1px solid #fff; border-bottom:1px solid #999; border-right:1px solid #999; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; }
.hero .hero-container { background:url(../images/loading.jpg) no-repeat center center; width:963px; height:436px; position:absolute; display:none; z-index:5; -moz-border-radius:4px; -webkit-border-radius:4px; }
.hero .hero-container-on { display:block; z-index:6; }
.hero .hero-container .hero-img { position:absolute; left:-10000px; top:0; }
.hero .hero-container h1, .hero .hero-container h2 { display:none; }
.hero .hero-container .buttons { position:relative; z-index:7; }
.hero .hero-container .main-link { display:block; width:963px; height:436px; position:absolute; z-index:6; }

.hero .hero-container .template1-buttons { margin-top:180px; padding:20px; width:180px; }
.hero .hero-container .template1-buttons a { margin-bottom:5px; }
.hero .hero-container .buy-apps { display:block; background:url(../images/home/buy-apps-button.png) no-repeat left top; width:169px; height:35px; }
.hero .hero-container .buy-apps:hover { background-position:left bottom; }
.hero .hero-container .buy-apps span { display:none; }
.hero .hero-container .product-details { display:block; background:url(../images/home/product-details-button.png) no-repeat left top; width:169px; height:35px; }
.hero .hero-container .product-details:hover { background-position:left bottom; }
.hero .hero-container .product-details span { display:none; }


.reviews { width:270px; height:600px; float:left; }
.reviews h4 { background:url(../images/home/reviews-header-bg.png) repeat-x; height:59px; line-height:59px; text-align:center; font-weight:normal; font-size:20px; color:#333; border-bottom:1px solid #999; }
.reviews ul { list-style:none; margin:0; padding:0 30px; }
.reviews ul li { padding:20px 0; background:url(../images/layout/hr.gif) repeat-x left bottom; line-height:20px; }
.reviews ul .last { background:none; }
.reviews ul li .quote-bubble { display:block; background:url(../images/icons/quote-bubble.png) no-repeat; width:40px; height:30px; float:left; }
.reviews ul li .quote-paper { display:block; background:url(../images/icons/paper.png) no-repeat; width:40px; height:30px; float:left; }
.reviews ul li .source { display:block; color:#999; font-style:italic; }
.reviews ul li .reference { display:block; color:#999; }



.top-apps, .news { width:680px; float:right; }
.top-apps { height:185px; margin-bottom:15px; }
.top-apps #topapps-tabs { list-style:none; margin:0; padding:8px 0 0 10px; height:37px; background-color:#eaeaea; border-bottom:1px solid #999; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-radius-topleft:4px; -webkit-border-radius-topright:4px; }
.top-apps #topapps-tabs li { float:left; padding-right:5px; }
.top-apps #topapps-tabs li a { display:block; width:125px; height:36px; color:#333; background:url(../images/home/topapps-nav-item-bg.png) repeat-x #dadada; font-size:14px; text-decoration:none; line-height:37px; text-align:center; border:1px solid #999; border-bottom:1px solid #999; outline:none; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; }
.top-apps #topapps-tabs li a.on { background:#fff; color:#3372c7; border-bottom:1px solid #fff; }

.top-apps .top-apps-category { height:75px; padding:20px 0 10px 0; margin:0 17px 0 20px; overflow:hidden; display:none; }
.top-apps .top-apps-category ul { list-style:none; margin:0; padding:0; width:2000px; }
.top-apps .top-apps-category ul li { width:75px; float:left; padding-right:20px; }
.top-apps .top-apps-category ul li a { }
.top-apps .top-apps-category ul li a img { border:0; }
.top-apps .top-apps-category-on { display:block; }

.top-apps .topapps-controls { height:30px; padding-left:20px; }
.top-apps .topapps-button { display:block; width:19px; height:19px; cursor:pointer; float:left; margin-right:10px; }
.top-apps #topapps-left { background:url(../images/arrow-buttons.png) no-repeat left top; }
.top-apps #topapps-right { background:url(../images/arrow-buttons.png) no-repeat right top; }
.top-apps #topapps-left:hover { background-position:left -22px; }
.top-apps #topapps-right:hover { background-position:right -22px; }
.top-apps #topapps-left.disabled { background-position:left bottom; cursor:default; }
.top-apps #topapps-right.disabled { background-position:right bottom; cursor:default; }
.top-apps .topapps-scrollbar { background:url(../images/home/topapps-slider-bar.png) no-repeat; width:466px; height:17px; padding:0 65px 0 37px; float:left; margin-right:10px; }
.top-apps .topapps-scrollbar .ui-slider { position:relative; height:20px; }
.top-apps .topapps-scrollbar .ui-slider-handle { display:block; position:absolute; background:url(../images/home/topapps-slider-handle.png) no-repeat; width:100px; height:17px; outline:none; margin-left:-37px; -moz-border-radius:10px; -webkit-border-radius:10px; }


.news { height:398px; background:url(../images/layout/column-divider.gif) repeat-y 340px top; }
.news .left, .news .right { float:left; width:280px; height:338px; padding:30px; }
.news h3 { font-weight:normal; font-size:16px; padding-bottom:20px; }
.news .text { min-height:100px; }
.news .image { float:left; padding:0 10px 20px 0; width:72px; }
.news .image img { border:0; }


/* IE7 */
*+html .hero .hero-container .template1-buttons { padding-top:180px; }

/* IE6 */
* html .hero .hero-container .template1-buttons { padding-top:180px; }

* html .top-apps .top-apps-category { width:640px; }
* html .top-apps .top-apps-category ul { }