@charset "utf-8";

/* =General
--------------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {-webkit-text-size-adjust:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

::-moz-focus-inner {
  border: 0; outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Class for clearing floats */
.clear {
  clear: both;
}

.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0;}/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; } end hide from IE-mac */

/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone {clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }

img {
	border: 0; vertical-align:top;
}


/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
 font: 14px Arial, Helvetica, sans-serif; color:#3a5564;
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 {} 
h2 {font-size:45px; color:#3689b9; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h3 {font-size:20px; color:#3689b9; font-weight:normal;}

/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a {text-decoration:none; cursor:pointer !important;}
a:hover {}

/* End Links
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
html {background: url(../images/bg.jpg) repeat 0 0;}
body {background:url(../images/inner-page-bg.png) repeat-x 0 0;}
.outerWrapper {background:url(../images/footer-bg.png) repeat-x left bottom;}
.outerHeader {background:url(../images/header-glow-home.png) no-repeat center top;}
.outerFooter {background:url(../images/footer-glow.png) no-repeat center bottom;}
body.homePage {background:url(../images/home-header.png) repeat-x 0 0;}
body.homePage .outerHeader {background:url(../images/header-glow.png) no-repeat center top;}
#wrapper {width:960px; margin:0 auto;}
header {height:124px;}


h1#logo {display:inline-block; margin:17px 0 0 -10px;}
h1#logo a {display:block; width:253px; height:57px; text-indent:-9999px; text-decoration:none; background:url(../images/logo-frostwire.png) left top no-repeat;} 

.currentVersion {background:url(../images/current-version-bg.png) no-repeat 0 0; width:77px; height:90px; margin-right:-4px}
.currentVersion p {color:#888f48; font-size:11px; line-height:12px; text-transform:uppercase; border-top:1px solid #c1d128; margin:8px 11px 0 9px; padding:5px 3px 0 1px;}
.currentVersion p span {font-size:34px; color:#5b6121; padding-top:6px; display:block; line-height:22px; font-weight:bold;}
.currentVersion p span .smallFont {font-size:18px; border-bottom:1px solid #c1d128;  display:inline; position:relative; top:-11px; padding-bottom:4px;}
.currentVersion p span strong {font-size:15px; position:relative; top:-11px;}
.currentVersion p span .smallFont strong {position:static;}

/* End Branding
--------------------------------------------------------------------------------------------------------*/

/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
#mainNavigation {padding-right:17px;}
#mainNavigation li {float:left;} 
#mainNavigation li a {font-size:16px; color:#4f7497; height:80px; text-transform:uppercase; float:left; padding:38px 0px 0 0px; width:73px; text-align:center;}
#mainNavigation li a.home:hover, #mainNavigation li.active a.home {background:url(../images/home-hover.png) no-repeat center top;}
#mainNavigation li a.generic:hover, #mainNavigation li.active a.generic {background:url(../images/generic-hover.png) no-repeat center top;}
#mainNavigation li a.downloads {width:123px;}
#mainNavigation li a.downloads:hover, #mainNavigation li.active a.downloads {background:url(../images/downloads-hover.png) no-repeat center top;}
#mainNavigation li a.community {width:118px;}
#mainNavigation li a.community:hover, #mainNavigation li.active a.community {background:url(../images/community-hover.png) no-repeat center top;}
#mainNavigation li a.development {width:135px;}
#mainNavigation li a.development:hover, #mainNavigation li.active a.development {background:url(../images/development-hover.png) no-repeat center top;}
#mainNavigation li a.support {width:93px;}
#mainNavigation li a.support:hover, #mainNavigation li.active a.support {background:url(../images/support-hover.png) no-repeat center top;}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Sub Nav
--------------------------------------------------------------------------------------------------------*/

/* End Sub Nav
--------------------------------------------------------------------------------------------------------*/


.homeBanner {position:relative; margin-top:20px; padding-bottom:29px;}
.homeBanner img {padding:2px 0px 0 0;}
.bannerContent {width:310px; position:absolute;}
.bannerContent h2 {font-size:56px; line-height:58px; color:#4f7497; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:19px; margin-top:-4px;}
.bannerContent p {font-size:15px; color:#2f4e6c; line-height:18px; padding-bottom:30px; width:300px;}

.downloadNow {position:relative;}

.downloadNow .link {font-size:20px; color:#7a8040; text-transform:uppercase;  width:270px; height:68px; line-height:68px;  padding-left:28px; display:block; text-shadow: 0px 1px 0px #e8fd8b;  position:relative; border:1px solid #dff03a;
background: #e8fd8c; /* Old browsers */
background: -moz-linear-gradient(top, #e8fd8c 0%, #dff03a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8fd8c), color-stop(100%,#dff03a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e8fd8c 0%,#dff03a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e8fd8c 0%,#dff03a 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e8fd8c 0%,#dff03a 100%); /* IE10+ */
background: linear-gradient(top, #e8fd8c 0%,#dff03a 100%); /* W3C */
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
-webkit-box-shadow: 0px 1px 0px 0px #6996b0;-moz-box-shadow: 0px 1px 0px 0px #6996b0;box-shadow: 0px 1px 0px 0px #6996b0;}
.downloadArrow {background:url(../images/downloadArrow.png) no-repeat 0 0; width:45px; height:69px; display:block; position:absolute; top:0; right:26px;}


.downloadLogo {position:absolute; bottom:-1px; left:229px; width:0px; overflow:hidden; padding-top:32px; padding-bottom:1px;}
.downloadNav {background:url(../images/downloadNav-bg.png) repeat 100% 0; width:416px; height:68px; padding-left:14px; display:block; border:1px solid #dff03a; display:block; 
-moz-border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0;
-webkit-box-shadow: 0px 1px 0px 0px #6996b0;-moz-box-shadow: 0px 1px 0px 0px #6996b0;box-shadow: 0px 1px 0px 0px #6996b0;}
.downloadNav li {float:left;}
.downloadNav li:first-child {/*padding-left:13px;*/} 
.downloadNav li a {display:block; height:68px; width:60px; position:relative;}

.downloadNav li a.windows {background:url(../images/icon.png) no-repeat -220px 13px;}
.downloadNav li a.windows:hover, .downloadNav li.active a.windows {background: url(../images/icon.png) no-repeat -300px 13px;}

.downloadNav li a.mac-osx {background:url(../images/icon.png) no-repeat -215px -78px;}
.downloadNav li a.mac-osx:hover, .downloadNav li.active a.mac-osx {background: url(../images/icon.png) no-repeat -295px -78px;}

.downloadNav li a.ubuntu {background:url(../images/icon.png) no-repeat -217px -176px; padding-right:3px;}
.downloadNav li a.ubuntu:hover, .downloadNav li.active a.ubuntu {background: url(../images/icon.png) no-repeat -297px -176px;}

.downloadNav li a.debian {background:url(../images/icon.png) no-repeat -217px -283px;}
.downloadNav li a.debian:hover, .downloadNav li.active a.debian{background: url(../images/icon.png) no-repeat -297px -283px;}

.downloadNav li a.tarball {background:url(../images/icon.png) no-repeat -215px -391px;}
.downloadNav li a.tarball:hover, .downloadNav li.active a.tarball {background: url(../images/icon.png) no-repeat -295px -391px;}

.downloadNav li a.android {background:url(../images/icon.png) no-repeat -217px -497px;}
.downloadNav li a.android:hover, .downloadNav li.active a.android{background: url(../images/icon.png) no-repeat -297px -497px;}

.downloadNav li a .tooltip {display:none;}
.downloadNav li a:hover .tooltip, .downloadNav li.active .tooltip {background:url(../images/banner-tooltip.png) no-repeat 0 0; width:101px; height:31px; font-size:12px; text-align:center; color:#fbffe2; position:absolute; top:-31px; left:-14px; z-index:999999; padding-top:6px; text-transform:uppercase; display:block;}

.downloadNow .close {background: url(../images/icon.png) no-repeat -270px -618px; border:0; vertical-align:top; width:13px; height:19px; cursor:pointer; position:absolute; top:59px; right:33px; z-index:99;}

/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#container {padding-bottom:47px;}

.footerPadding { height:200px; width:100%; }
  
.blueBox {background:url(../images/blue-bg.png) repeat 0 0; border:1px solid #f3f7fa;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.whiteBox {background:url(../images/white-bg.png) repeat 0 0; border:1px solid #FFF;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.grayBox {background-color:#f7f9fb; border:1px solid #d6dbdd;
-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;
-moz-box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8); -webkit-box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8); box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8);}

.infoBox {background-color:#f3ecd1; border:1px solid #d6dbdd; margin-bottom:18px;
-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
-moz-box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8); -webkit-box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8); box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8);}

.topArrow {background:url(../images/top-arrow.png) no-repeat 0 0; width:60px; height:31px; position:absolute; top:-30px; left:124px;}
.explore {padding:17px 25px 40px 30px; position:relative; margin-bottom:25px;} 
.explore h2 {color:#6a7f94; font-size:34px; font-weight:bold; padding-bottom:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.video {background-color:#c7d4db; padding:10px; width:260px; height:160px; position:relative;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left:2px;}
.videoView {border:1px solid #f3f7fa;}
.playIcon {background:url(../images/icon-play.png) no-repeat 0 0; width:59px; height:59px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px}

.topBorder {background:url(../images/border-bg.jpg) repeat-x 0 0; margin:23px 0 0 0; padding-top:43px; width:585px;}
.bullet {width:280px;}
.bullet.width {width:300px;} 
.bullet li {float:left; width:100%; line-height:33px; }
.bullet li a {background:url(../images/bullet.png) no-repeat 0 6px; padding-left:14px; font-size:17px; color:#6a7f94; text-shadow: 0px 1px 0px #ffffff; white-space:nowrap;}
.bullet li a span {font-weight:bold; font-style:italic;}

.bullets {width:280px;}
.bullets.width {width:300px;} 
.bullets li {float:left; width:100%; line-height:25px; background:url(../images/bullet.png) no-repeat 0 6px; padding-left:14px; font-size:15px; color:#6a7f94; text-shadow: 0px 1px 0px #ffffff; white-space:nowrap; margin-bottom:5px;}

.bottomPadding {padding-bottom:49px;}

.listing {width:361px;}
.listing li {border-top:1px solid #c0d3de; width:100%; float:left; height:108px; padding:18px 0 0px 0;}
.listing li:first-child {border-top:0;}
.listing li img {background-color:#FFF; padding:7px; margin:0 22px 0 0; float:left; margin-top:3px;
-webkit-box-shadow: 2px 3px 0px 0px #d2e0e7; -moz-box-shadow: 2px 3px 0px 0px #d2e0e7; box-shadow: 2px 3px 0px 0px #d2e0e7;}
.listing li p {font-size:16px; color:#5f7b8a; line-height:22px; width:256px; float:left;}
.listing li p a {font-size:11px; color:#0f415d;}
.listing li p a:hover {text-decoration:underline;}

.listing li.tweetQuote {height:94px; padding:18px 0 0px 0;}
.listing li.tweetQuote img { margin:6px 21px 0 2px;}
.listing li.tweetQuote p {width:255px;}


.actionBox {width:556px; margin-top:12px;}
.actionBox h2 {font-size:32px; color:#3689b9; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; padding:19px 22px 0 25px}
.double-border {background:url(../images/double-border.png) repeat-x 0 18px; width:68px; display:block;}
.actionBox ul {padding:4px 0 28px 24px;}
.actionBox li {padding:4px; margin:26px 19px 0 0; float:left; background-color:#FFF; position:relative;
-webkit-box-shadow: 2px 3px 0px 0px #e3ecf1; -moz-box-shadow: 2px 3px 0px 0px #e3ecf1; box-shadow: 2px 3px 0px 0px #e3ecf1;}

.actionBox li .zoom {display:none;}
.actionBox li:hover .zoom, .actionBox li.active .zoom{width:238px; height:127px; font-size:14px; color:#0f415d; text-transform:uppercase; background:url(../images/hover-bg.png) repeat 0 0; position:absolute; top:0; left:0; display:block; text-align:center; margin:4px 0 0 4px;}
.actionBox li:hover .zoom span, .actionBox li.active .zoom span {background:url(../images/zoom-icon.png) no-repeat 0 0; width:41px; height:41px; position:absolute; top:35px; left:50%; margin-left:-20px}
.actionBox li:hover .zoom strong, .actionBox li.active .zoom strong {position:relative; top:82px;}

.signUpBox {min-height:116px; padding:13px 27px 0 26px;
background: #e7fb82; /* Old browsers */
background: -moz-linear-gradient(top, #e7fb82 0%, #e0f244 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7fb82), color-stop(100%,#e0f244)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e7fb82 0%,#e0f244 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e7fb82 0%,#e0f244 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e7fb82 0%,#e0f244 100%); /* IE10+ */
background: linear-gradient(top, #e7fb82 0%,#e0f244 100%); /* W3C */
-moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.1);
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

.signUpBox h2 {color:#6f7637; font-size:27px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 26px 19px 0;}
.signUpBox p {font-size:15px; color:#6f7637; font-weight:bold; padding-top:11px; padding-left:14px;}
.signUpBox label{float:left;}
.signUpBox input {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.signUpBox .input {width:322px; border-style:solid; border-width:1px; border-color:#d9e97b #dee696 #d3de74 #dee696; height:41px; line-height:41px; font-size:16px; color:#b0b396; padding:0 13px; margin-right:23px; margin-left:2px;
background: #f0fcb5; /* Old browsers */
background: -moz-linear-gradient(top, #f0fcb5 0%, #fbffdc 43%, #fbffdc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fcb5), color-stop(43%,#fbffdc), color-stop(100%,#fbffdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0fcb5 0%,#fbffdc 43%,#fbffdc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0fcb5 0%,#fbffdc 43%,#fbffdc 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f0fcb5 0%,#fbffdc 43%,#fbffdc 100%); /* IE10+ */
background: linear-gradient(top, #f0fcb5 0%,#fbffdc 43%,#fbffdc 100%); /* W3C */
-webkit-box-shadow: inset 1px 1px 2px 0px #deec9c; -moz-box-shadow: inset 1px 1px 2px 0px #deec9c; box-shadow: inset 1px 1px 2px 0px #deec9c;}

.signUpBox .button {width:155px; border-style:solid; border-width:0  1px 1px 0; border-color:#aebb50 #747b36 #6f7630 #e3f65e; height:43px; text-align:center; font-size:16px; color:#e6fb7e; text-transform:uppercase; cursor:pointer; margin-left:2px;
background: #889141; /* Old browsers */
background: -moz-linear-gradient(top, #889141 0%, #7a8142 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#889141), color-stop(100%,#7a8142)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #889141 0%,#7a8142 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #889141 0%,#7a8142 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #889141 0%,#7a8142 100%); /* IE10+ */
background: linear-gradient(top, #889141 0%,#7a8142 100%); /* W3C */
-webkit-box-shadow: inset -2px -2px 2px 0px #92985c; -moz-box-shadow: inset -2px -2px 2px 0px #92985c; box-shadow: inset -2px -2px 2px 0px #92985c;}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/

/* Shop page */
div.shirt-container { height: 220px; overflow: hidden; clear: both; }
div.shirt-container div.left { float: left; width: 356px; }
div.shirt-container div.right { float: right; width: 360px; }
select.shirt { width: 240px; position: relative; top: -23px; margin-right: 10px; }
input.buy-btn { width: 100px; height: 40px; }

div.yrb-container { margin: 0 0 10px 0; background: #f3ebc3; text-align: center;  min-height: 47px; }
div.yrb-container div.yrb-left-top { background: url(../images/yrb-left-top.gif) no-repeat left top; }
div.yrb-container div.yrb-right-top { background: url(../images/yrb-right-top.gif) no-repeat right top; }
div.yrb-container div.yrb-right-bottom { background: url(../images/yrb-right-bottom.gif) no-repeat right bottom; }
div.yrb-container div.yrb-left-bottom { background: url(../images/yrb-left-bottom.gif) no-repeat left bottom; }
div.yrb-container div.yrb-padd { padding: 10px; }

a.photo-pool { font-size: 24px; text-decoration: underline; color: #b19b72; text-align: center; }
a.photo-pool:visited { font-size: 24px; text-decoration: underline; color: #b19b72; }
a.photo-pool:hover { font-size: 24px; text-decoration: none; color: #fff; background: #b19b72; }

div.sticker-photos { clear: both; max-height:180px; margin-bottom:8px; padding-left:40px;}
div.sticker-photos img { margin-right:35px; margin-bottom:35px; height:180px; max-width:225px;}

div.stickers { height: 200px; overflow: hidden; clear: both; }
div.stickers div.item { float: left; margin: 0 10px 0 0; }

#shopping-cart { margin-bottom:20px; }
#selection-panel { width:40%; height:400px; float:left;}
#cart-panel { width:50%; float:right;}
.selected { border:4px solid orange;}
.unselected { border:4px solid #fff;}

/* Thanks page */
#thanks-left-container {  float:left; margin-top:10px; }
#thanks { float:right; margin-right:1px; margin-top:10px; font-family:"Trebuchet MS";}
#thanks h1 { color:#2b7fb0; font-size:20px;}
#thanks a.download { color:#007700; font-size:18px; font-weight:bold; position:relative; top:20px; }

.downloadPage .infoBox {padding:15px 20px 15px 20px;}
.downloadPage .infoBox p {font-size:13px; color:#877a48; line-height:35px; padding:0;}
.downloadPage .infoBox .infoIcon {background:url(../images/info-icon.png) no-repeat 0 0; padding-left:49px;}

/** Development page */

.developmentPage .blueBox {background:url(../images/blue-bg.png) repeat 0 0; border:1px solid #f3f7fa; margin:10px 0}


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

/* --------------------- generic ---------------------*/
.genericPage {}
h2.heading {text-align:center; padding:0 27px 0 22px; height:93px; line-height:89px; letter-spacing:1px;}
.genericPage .double-border{background-position:0 43px; width:215px;}

.content {padding:40px 56px 0 51px;}
.content h3 {padding-bottom:8px; text-transform:uppercase;}
.content p {line-height:28px; padding-bottom:36px;}
.content p strong.botPadd {padding-bottom:3px; display:block;}
.note {padding:4px 0 3px 0; display:block;}

.minHeight {min-height:57px; width:100%;}
/*--------------------------------------------------------------------------------------------------------*/

/* --------------------- development ---------------------*/
.developmentPage {}
.developmentPage h2.heading {padding-bottom:20px;}
.developmentPage .double-border {background-position:0 43px; width:290px;}
.developmentPage h3 {color:#3a5564; text-transform:uppercase; font-size:20px; font-weight:normal; text-align:center; padding-bottom:31px; padding-left:22px;}

.linkBox li {background:url(../images/link-border.gif) repeat-y 0 0; float:left; text-align:center;}
.linkBox li:first-child {background:none;}

.developmentPage .linkBox {width:844px; margin:0 auto 63px;}
.developmentPage .linkBox li {width:421px; height:263px;}
.developmentPage .linkBox li a {margin:0 auto; display:block;}
.developmentPage .linkBox li a.bitbucket {margin-top:33px; width:129px; padding-right:4px;}
.developmentPage .linkBox li a.sourceforge {margin-top:40px; width:204px; padding-left:6px;}

.developmentPage .minHeight {min-height:51px;}
/*--------------------------------------------------------------------------------------------------------*/

/* --------------------- support ---------------------*/
.supportPage {}
.supportPage h2.heading  {padding-bottom:22px;}
.supportPage .double-border {background-position:0 43px; width:350px;}
.supportPage h3 {color:#3a5564; text-transform:uppercase; font-size:20px; font-weight:normal; text-align:center; padding-bottom:24px; padding-left:18px;}

.supportPage .content {padding:0px 57px 90px 56px;}
.supportPage .content p {font-size:15px; line-height:16px; color:#3a5564; padding-bottom:37px; padding-left:2px;}

.supportPage .linkBox li {width:274px; height:263px; position:relative; cursor:pointer;}
.supportPage .linkBox li a {position:relative; z-index:99;}
.supportPage .linkBox li span.text {display:block; font-size:25px; color:#3689b9; line-height:27px; font-weight:bold; position:relative; z-index:9999;}
.supportPage .linkBox li.pay {width:290px;}
.supportPage .linkBox li.pay img {padding:44px 0 21px 6px;}
.supportPage .linkBox li.faq img {padding:66px 0 30px 0;}
.supportPage .linkBox li.supportForum img {padding:61px 0 36px 19px;}

.supportPage .linkBox li:hover .hoverDiv, .supportPage .linkBox li.active .hoverDiv {position:absolute; top:-16px; left:0;}
.supportPage .linkBox li:hover .hoverDiv span, .supportPage .linkBox li.active .hoverDiv span {background-color:#FFF; height:293px;  border:1px solid #d6dbdd; width:273px; z-index:0; display:block;
-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;
-moz-box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8); -webkit-box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8); box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8);}
.supportPage .linkBox li.pay:hover .hoverDiv span, .supportPage .linkBox li.pay.active .hoverDiv span {width:289px;}
.supportPage .linkBox li.supportForum:hover .hoverDiv span, .supportPage .linkBox li.supportForum.active .hoverDiv span {width:277px;}
.supportPage .linkBox li:hover span, .supportPage .linkBox li.active span {color:#3a5564;}

.supportPage .minHeight {min-height:64px;}
/*--------------------------------------------------------------------------------------------------------*/

/* --------------------- community ---------------------*/
.communityPage {}
.communityPage .whiteBox {min-height:828px;}
.communityPage h2.heading  {padding-bottom:19px;}
.communityPage .double-border {background-position:0 43px; width:310px;}
.communityPage h3 {color:#3a5564; text-transform:uppercase; font-size:20px; font-weight:normal; text-align:center; padding-bottom:14px; padding-left:14px;}

.communityPage .content {padding:0 57px 0 58px;}
.communityPage .infoBox {padding:15px 20px 15px 20px;}
.communityPage .infoBox p {font-size:13px; color:#877a48; line-height:16px; padding:0;}
.communityPage .infoBox .infoIcon {background:url(../images/info-icon.png) no-repeat 0 0; padding-left:49px;}

.communityLink {margin-bottom:38px;}
.communityLink li {float:left;}
.communityLink li a{float:left; display:block; border-color: #ffffff #d6d9da #d6d9da #ffffff; border-style:solid; border-width:1px; width:420px; padding:23px 0 22px 0;}
.communityLink li strong {font-size:25px; color:#3689b9; padding-bottom:2px; margin-left:-2px; display:block;}
.communityLink li span {font-size:12px; color:#3a5564; line-height:16px; width:280px; padding:0;}

.communityLink li.iconForum a {background:url(../images/community-forum.png) no-repeat 28px 43px; padding-left:103px; width:316px; border-width:0px 1px 1px 0px;}
.communityLink li.iconFrost a {background:url(../images/frostclick.png) no-repeat 27px 39px; padding-left:103px; width:316px; border-width:1px 1px 0px 0px; padding-bottom:28px;}
.communityLink li.iconBlog a{background:url(../images/official-blog.png) no-repeat 21px 42px; padding-left:86px; width:334px; border-width:0px 0px 1px 1px;}
.communityLink li.iconTranslate a{background:url(../images/translate-frostwire.png) no-repeat 21px 30px; padding-left:86px; width:334px; border-width:1px 0px 0px 1px;}

.communityPage h5 {color:#3689b9; width:100%; text-transform:uppercase; font-size:20px; font-weight:normal; padding-bottom:25px;}
.communityPage h5 span.border2 {background:url(../images/heading-line.png) repeat-x 0 0px; width:460px; height:5px; float:right; margin-top:11px;}

.socialLink {width:269px; float:left; margin-left:3px;}
.socialLink.width285 {width:285px;}
.socialLink li {float:left; width:100%; height:32px; line-height:30px;}
.socialLink li a {font-size:16px; color:#3a5564;}
.socialLink li img {float:left; padding:3px 11px 0 0;}

.communityPage .minHeight {min-height:31px;}
/*--------------------------------------------------------------------------------------------------------*/


/* --------------------- download ---------------------*/
.downloadPage {}
.downloadPage h2.heading  {}
.downloadPage .double-border {background-position:0 43px; width:220px;}

.downloadPage .content {padding:0 58px 41px 58px; overflow:hidden;}

.outerDownload {margin-top:46px;}
.downloadLink {background-color:#dbe681; border:1px solid #e0f144; padding:20px 0 13px 0; margin-bottom:67px;
-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;
-webkit-box-shadow: 0px 1px 0px 0px #cecfd2;-moz-box-shadow: 0px 1px 0px 0px #cecfd2;box-shadow: 0px 1px 0px 0px #cecfd2;}

.downloadLink li {float:left; background:url(../images/bordet-download.png) no-repeat 0 4px; padding:0 8px 0 10px; height:123px;}
.downloadLink li:first-child {background:none; padding:0 5px 0 9px;}
.downloadLink li.last-child {padding:0 5px 0 9px;}
.downloadLink li a {width:121px; height:34px; font-size:14px; color:#9da648; text-transform:uppercase; display:block; padding-top:87px; text-align:center; text-shadow: 0px 1px 0px #e7fd8a; border:1px solid #dbe681; position:relative;
-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}
.downloadLink li a:hover, .downloadLink li.active a {color:#666d28; border:1px solid #e6fc8a;
-webkit-box-shadow: 0px 1px 0px 0px #6c732d;-moz-box-shadow: 0px 1px 0px 0px #6c732d;box-shadow: 0px 1px 0px 0px #6c732d;}

.downloadLink li a.windows {background:url(../images/icon.png) no-repeat 30px 13px;}
.downloadLink li a.windows:hover, .downloadLink li.active a.windows {background: #d4de75 url(../images/icon.png) no-repeat -88px 13px;}

.downloadLink li a.mac-osx {background:url(../images/icon.png) no-repeat 39px -111px;	}
.downloadLink li a.mac-osx:hover, .downloadLink li.active a.mac-osx {background: #d4de75 url(../images/icon.png) no-repeat -79px -111px;}

.downloadLink li a.ubuntu {background:url(../images/icon.png) no-repeat 34px -241px;}
.downloadLink li a.ubuntu:hover, .downloadLink li.active a.ubuntu {background: #d4de75 url(../images/icon.png) no-repeat -84px -241px;}

.downloadLink li a.debian {background:url(../images/icon.png) no-repeat 40px -353px;}
.downloadLink li a.debian:hover, .downloadLink li.active a.debian{background: #d4de75 url(../images/icon.png) no-repeat -78px -353px;}

.downloadLink li a.tarball {background:url(../images/icon.png) no-repeat 41px -475px;}
.downloadLink li a.tarball:hover, .downloadLink li.active a.tarball {background: #d4de75 url(../images/icon.png) no-repeat -77px -475px;}

.downloadLink li a.android {background:url(../images/icon.png) no-repeat 38px -608px;}
.downloadLink li a.android:hover, .downloadLink li.active a.android{background: #d4de75 url(../images/icon.png) no-repeat -80px -608px;}

.downloadLink li a .tooltip {display:none;}
.downloadLink li a:hover .tooltip, .downloadLink li.active a .tooltip {background:url(../images/tooltip.png) no-repeat 0 0; width:105px; height:44px; padding-top:10px; font-size:12px; color:#666d28; line-height:13px; text-transform:uppercase; text-align:center; position:absolute; top:-50px; left:6px; display:block;}

.downloadPage h3 {color:#3689b9; width:100%; text-transform:uppercase; font-size:20px; font-weight:normal; padding-bottom:9px;}
.downloadPage h3 span.border2 {background:url(../images/heading-line.png) repeat-x 0 0px; width:347px; height:5px; float:right; margin-top:10px;}


.downloadPage .widecolumn {width:607px;} 

.systems {width:300px; padding-bottom:20px; margin-left:-3px;}
.systems.right {width:278px; margin-left:0px;}
.systems li {background:url(../images/tick.png) no-repeat 0 7px; font-size:13px; color:#3a5564; padding-left:23px; line-height:30px; float:left; width:100%;}

.systems .bullet2 {padding:1px 0 0 17px;}
.systems .bullet2 li {background:url(../images/bullet-2.png) no-repeat 0 11px; padding-left:14px;}

.socialBox {background-color:#FFF; border:1px solid #d6dbdd; width:190px; padding:11px 0 1px 13px; margin:-3px 1px 0 0;
-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;
-moz-box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8); -webkit-box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8); box-shadow: 0px 0px 0px 1px rgba(235,237,240,0.8);}
.socialBox li {padding-bottom:11px;}

.downloadPage .minHeight {min-height:46px;}
/*--------------------------------------------------------------------------------------------------------*/

/* --------------------- legal ---------------------*/
.legalPage {}
.legalPage .whiteBox {min-height:828px;}
.legalPage h2.heading  {padding-bottom:19px;}
.legalPage .double-border {background-position:0 43px; width:310px;}
.legalPage h3 {color:#3a5564; text-transform:uppercase; font-size:20px; font-weight:normal; text-align:center; padding-bottom:14px; padding-left:14px;}

.legalPage .content {padding:0 57px 0 58px;}
.legalPage .infoBox {padding:15px 20px 15px 20px;}
.legalPage .infoBox p {font-size:13px; color:#877a48; line-height:16px; padding:0;}
.legalPage .infoBox .infoIcon {background:url(../images/info-icon.png) no-repeat 0 0; padding-left:49px;}

.legalPage h5 {color:#3689b9; width:100%; text-transform:uppercase; font-size:20px; font-weight:normal; padding-bottom:25px;}
.legalPage h5 span.border2 {background:url(../images/heading-line.png) repeat-x 0 0px; width:460px; height:5px; float:right; margin-top:11px;}

.legalPage .minHeight {min-height:31px;}

/* Banner page */
h2.link { color: #9cd9f9; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
h2.link span { color: #507ead; }
div.banner { margin: 0 0 20px 0; display: inline-block; }
div.banner img { border: 1px solid #6daed5; }
div.banner-code { margin: 0 0 10px 0; display: none; }
div.banner-code textarea { background: #fff; border: 1px solid #6daed5; }


/* --------------------- generic ---------------------*/
a {color:#457da1;}
h2.heading { padding-bottom:19px; }
.double-border {background-position:0 43px; width:100px;}

h3 {color:#3a5564; text-transform:uppercase; font-size:20px; font-weight:normal; text-align:center; padding-bottom:14px; padding-left:14px;}

.content {padding:0 57px 0 58px;}
.infoBox {padding:15px 20px 15px 20px;}
.infoBox p {font-size:13px; color:#877a48; line-height:16px; padding:0;}
.infoBox .infoIcon {background:url(../images/info-icon.png) no-repeat 0 0; padding-left:49px;}

h5 {color:#3689b9; width:100%; text-transform:uppercase; font-size:20px; font-weight:normal; padding-bottom:25px;}
h5 span.border2 {background:url(../images/heading-line.png) repeat-x 0 0px; width:460px; height:5px; float:right; margin-top:11px;}

.minHeight {min-height:31px;}

a.c { background: transparent; color: #e9a54c; text-decoration: underline; padding: 2px 2px 2px 2px; } 
a.c:visited { background: transparent; color: #e9a54c; text-decoration: underline; }
a.c:hover { background: #e9a54c; color: #fff; text-decoration: none; } 

ul.t { margin: 0 0 20px 0;}
ul.t li { list-style: none; margin: 0 0 10px 0; padding: 4px 0 0 30px; background: url(../../avalanche/images/bullit.gif) no-repeat left top; letter-spacing: -1px; min-height: 22px; line-height:25px;}
ul.sec li { list-style: none; margin: 10px 0 10px 30px; padding: 4px 0 0 30px; background: url(../../avalanche/images/bullit1.gif) no-repeat 10px 7px; letter-spacing: -1px; min-height: 22px; }
ul.sec a { color: #2d4761; text-decoration: none; }
ul.sec a:visited { color: #2d4761; text-decoration: none; }
ul.sec a:hover { color: #2d4761; text-decoration: underline; }
.wrapper { clear: both; }


/* Shop page */
div.shirt-container { height: 220px; overflow: hidden; clear: both; }
div.shirt-container div.left { float: left; width: 356px; }
div.shirt-container div.right { float: right; width: 360px; }
select.shirt { width: 240px; position: relative; top: -23px; margin-right: 10px; }
input.buy-btn { width: 100px; height: 40px; }

div.yrb-container { margin: 0 0 10px 0; background: #f3ebc3; text-align: center;  min-height: 47px; }
div.yrb-container div.yrb-left-top { background: url(../../avalanche/images/yrb-left-top.gif) no-repeat left top; }
div.yrb-container div.yrb-right-top { background: url(../../avalanche/images/yrb-right-top.gif) no-repeat right top; }
div.yrb-container div.yrb-right-bottom { background: url(../../avalanche/images/yrb-right-bottom.gif) no-repeat right bottom; }
div.yrb-container div.yrb-left-bottom { background: url(../../avalanche/images/yrb-left-bottom.gif) no-repeat left bottom; }
div.yrb-container div.yrb-padd { padding: 10px; }

a.photo-pool { font-size: 24px; text-decoration: underline; color: #b19b72; text-align: center; }
a.photo-pool:visited { font-size: 24px; text-decoration: underline; color: #b19b72; }
a.photo-pool:hover { font-size: 24px; text-decoration: none; color: #fff; background: #b19b72; }

div.tshirt-photos { clear: both; max-height:180px; margin-bottom:8px; padding-left:45px}
div.tshirt-photos img { margin: 8px 6px; max-width:225px;}

div.stickers { height: 200px; overflow: hidden; clear: both; }
div.stickers div.item { float: left; margin: 0 10px 0 0; }

div.helpBox { position:absolute; top:20px; left:20px; border:1px solid #b19b72; background: #f3ebc3; padding:5px 5px; font-size:12px; }
div.helpBox a.close { float:right }

#shopping-cart { margin-bottom:20px; }
#selection-panel { width:40%; height:400px; float:left;}
#cart-panel { width:50%; float:right;}
.selected { border:4px solid orange;}
.unselected { border:4px solid #fff;}

/** div.faq-section a {text-decoration:none; color:#666}*/
ul.faq-section li { list-style:none }

div.q { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; line-height: 160%; }
div.q span.l { color: #ff5353; }
div.a { font-size: 12px; margin: 0 0 15px 0; line-height: 160%; }
div.a span.l { color: #30d528; font-weight: bold; }

div.return-link { text-align: center; margin: 0 0 -20px 0; overflow: hidden; }

/*--------------------------------------------------------------------------------------------------------*/


/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer {color:#457da1; font-size:11px; padding-bottom:34px;}
footer h2 {text-align:center; padding-bottom:13px;}
footer p {line-height:20px; padding-bottom:4px;}
footer li:first-child {padding-left:0; margin-left:0;}
footer li {background:url(../images/footer-dot.gif) no-repeat 0 10px; padding-left:9px; margin-left:6px; float:left; line-height:20px;}
footer li a {color:#457da1;}
footer li a:hover {text-decoration:underline;}
.samllLogo {background:url(../images/small-logo-frostwire.png) no-repeat 0 0; width:237px; height:53px; display:block; margin-top:-11px; margin-right:-1px; text-indent:-9999px;}

/* End Footer
--------------------------------------------------------------------------------------------------------*/