/* Simple reset */
body, h1, h2, h3, p, ul, ol, li, blockquote, table, tr, td, th, form, fieldset, legend, label { margin: 0; padding: 0; line-height: 1; }


/* General elements */
html { overflow-y: scroll; }
body { background: #b2f2f8 url(../img/body.jpg) center top no-repeat; color: #000; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
h1 { font-size: 40px; margin-bottom: 6px; }
h1.Knockout50Welterweight { font-size: 58px; line-height: 60px; }
h2 { margin-top: 18px; margin-bottom: 6px; }
h2 strong { color: #ed246c; font-weight: normal; line-height: 1.4em; }
h3 { font-size: 16px; margin-top: 12px; margin-bottom: 6px; line-height: 1.4em; }
h4 { line-height: 1.4em; }
p { font-size: 12px; line-height: 18px; margin-bottom: 6px; }
ul, ol { margin: 0 24px; margin-bottom: 18px; }
li { font-size: 12px; line-height: 1.5em; }
img { display: block; }
a { color: #00a5c3; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
ins { font-weight: bold; color: #ed246c; text-decoration:none; }
table { border-collapse: collapse; border-spacing: 0; width: 596px; }
table thead th, table tbody td { text-align: left; padding: 12px 14px 10px; font-size: 12px; width: 60px; }
table thead th { background: #d5f8fb; }
table tbody td { padding-top: 24px; }
table .description { margin: 0 0 0 48px; }
table .title { font-size: 18px; font-weight: bold; }
table .price { font-weight: bold; }
table .item { width: 220px; }
table .remove img { margin: 0 auto; }
input, select { vertical-align: middle; }
label, select, .input-radio, .input-checkbox, .input-submit { cursor: pointer; }
abbr { border: 0; }
.ie7 img { -ms-interpolation-mode: bicubic; }


/* Header */
#header .logo { margin-bottom: 20px; }


/* Navigation */
#nav { position: relative; }

#nav .nav-primary { position: relative; top: 73px; right: -28px; font-size: 13px; float: right; -webkit-font-smoothing: subpixel-antialiased; }
#nav .nav-primary li { margin-left: 4px; font-weight: bold; text-transform: uppercase; }
#nav .nav-primary li a { padding: 10px 15px; color: #00a5c3; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#nav .nav-primary li a:hover, 
body.home #nav .nav-home a, 
body.subjects #nav .nav-subjects a, 
body.about #nav .nav-about a, 
body.joinus #nav .nav-joinus a, 
body.support #nav .nav-support a, 
body.contacts #nav .nav-contact a { color: #fff !important; background: #79e6f3; text-shadow: 0 0 2px #999; -moz-box-shadow: inset 0 2px 1px #30dcec; -webkit-box-shadow: inset 0 2px 1px #30dcec; box-shadow: inset 0 2px 1px #30dcec; }

#nav .nav-joinus a { background: url(/img/underline.png) bottom left no-repeat; color: #ff1367 !important; }

#nav .nav-secondary { padding: 10px 14px; background: #000; font-weight: bold; position: absolute; right: -28px; top: 0; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#nav .nav-secondary p { font-size: 11px; line-height: 1; margin: 0 4px 0 0; float: left; color: #9fe9f4; }
#nav .nav-secondary ul { margin: 0; float: left; }
#nav .nav-secondary li { font-size: 11px; line-height: 11px; margin: 0 0 0 20px; }
#nav .nav-secondary li a { color: #fff; border-bottom: 1px dotted #9fe9f4; text-decoration: none; padding: 0; }
#nav .nav-secondary li a:hover { border-bottom-style: solid; }


/* Main */
#main .container_12 { background: #fff; padding-top: 30px; padding-bottom: 80px; -moz-box-shadow: 2px 2px 2px #e5e5e5; -webkit-box-shadow: 2px 2px 2px #e5e5e5; box-shadow: 2px 2px 2px #e5e5e5; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #91e1ec; }


/* Bottom menu */
#menu { color: #fff; margin-top: -24px; }
#menu h2 { font-size: 18px; line-height: 22px; margin: 24px 0 10px; text-align: left; }
#menu h2.Knockout50Welterweight { font-size: 22px; }
#menu p { font-size: 12px;  margin-bottom: 12px;font-weight: bold; }
#menu ul { margin: 0; font-weight: bold; list-style: none; padding-bottom: 12px; }
#menu li { margin: 0; font-size: 12px; line-height: 18px; }
#menu a { color: #fff; text-decoration: none; display: block; padding-bottom: 6px; }
#menu a:hover { color: #fff; text-decoration: underline; }
#menu .signup .input-text { border: 1px solid #2f9500; color: #b7b7b7; background: #fff; font-size: 12px; padding: 5px 6px; width: 130px; }
#menu .signup .input-submit { margin-left: -10px; }
#menu .grass { background: url(../img/grass.png) left top repeat-x; position: relative; padding: 0 0 0; }
#menu .green { background: #43b700; }
#menu .watermelon { margin-top: -35px; }
#menu .watermelon img { display: block; margin: 0 auto; }


/* Footer */
#footer { background: #000; }
#footer p { margin: 0; padding: 12px 0; text-align: center; font-size: 11px; color: #fff; }
#footer .link { font-weight: bold; font-style: italic; }


/* Homepage-specific Main */
body.home #main .container_12 { background: #fff url(../img/home-main.jpg) left top repeat-x; }
body.home #primary { position: relative; }
body.home .intro { height: 180px; }
body.home h1 { font-size: 60px; line-height: 72px; margin-bottom: 20px; letter-spacing: -1px; }
body.home h1.Knockout50Welterweight { font-size: 72px; }
body.home h2 { font-size: 26px; margin-bottom: 5px; }
body.home h2.Knockout50Welterweight { font-size: 32px; }
body.home .tagline { color: #536465; font-size: 17px; line-height: 24px; font-weight: bold; padding-bottom: 24px; margin-bottom: 18px; margin-top: -12px; }
body.home .addthis_button_facebook_like { margin-right: 20px; }

body.home .suite { margin-top: 20px; width: 460px; }
body.home .suite h2 { margin: 0; font-size: 14px; font-family: Arial, sans-serif; padding: 8px 12px; font-weight: bold; border: 1px solid #91e1ec; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #DBFAFD; /* old browsers */ background: -moz-linear-gradient(top, #DBFAFD 77%, #A8F1F8 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(77%,#DBFAFD), color-stop(100%,#A8F1F8)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBFAFD', endColorstr='#A8F1F8',GradientType=0 ); /* ie */ }
body.home .suite .apps { margin-bottom: 16px; border: 1px solid #91e1ec; border-top: 0; padding: 16px 16px 10px; }
body.home .suite ul { list-style: none; margin: 0 0 0 -12px; }
body.home .suite li { float: left; margin-left: 12px; }
body.home .suite li a, .suite img { display: block; }
body.home .suite p { font-weight: bold; font-size: 12px; margin-top: 14px; }
body.home .suite p a { color: #00A3C2; text-decoration: none; }
body.home .suite p a:hover { text-decoration: underline; }

body.home .showcase { margin: 60px 0 0; padding: 0 0 30px; }
body.home .showcase .action { margin: 0 0 32px; }
body.home .showcase .action img { display: block; margin: 0 auto; }
body.home .showcase .devices { margin: 0 0 18px; position: relative; left: -65px; }
body.home .showcase .store img { display: block; margin: 0 auto; }

body.home .promo { margin: 0 0 20px; padding: 0 10px 0 0; }
body.home .promo h3 { font-size: 18px; margin: 10px 0 4px; padding-left: 32px; background-position: left center; background-repeat: no-repeat; }
body.home .promo h3.Knockout50Welterweight { font-size: 24px; }
body.home .anywhere h3 { background-image: url(../img/promo-anywhere.gif); }
body.home .analytics h3 { background-image: url(../img/promo-analytics.gif); }
body.home .fun h3 { background-image: url(../img/promo-fun.gif); }
body.home .affordable h3 { background-image: url(../img/promo-affordable.gif); }
body.home .promo p { font-size: 15px; line-height: 24px; }

body.home .sidebar h2 { text-align: center; }
body.home .sidebar h2 a { color: inherit; font-weight: normal; }
body.home .sidebar .item { margin: 0 0 12px; }
body.home .sidebar .img { margin: 6px 0 0; }
body.home .sidebar .description { margin: 0 0 0 96px; }
body.home .sidebar .description p { margin: 0; font-size: 11px; line-height: 17px; color: #586e71; }

body.home .corner { position: absolute; top: -35px; right: -22px; z-index: 10000; }

#flashMessage { margin: 0 0 10px; padding: 16px; background: #f4ef8d; font-weight: bold; }


/* Subjects-specific Main */
body.subjects h1 { margin-right: 24px; }
body.subjects h2 { margin-bottom: 5px; }
body.subjects .subhead p { font-size: 18px; margin-bottom: 5px; }
body.subjects .subject { padding: 0 20px; }
body.subjects .description { padding-left: 80px; }
body.subjects .more { font-size: 11px; font-weight: bold; margin-top: 5px; }
body.subjects .label { font-weight: bold; }
body.subjects .separator { color: #c4c4c4; padding: 0 5px; }
body.subjects a { color: #00a5c3; text-decoration: none; }
body.subjects a:hover { text-decoration: underline; }

body.subjects .showing { margin-top: 18px; font-weight: bold; color: #7f7f7f; font-size: 13px; line-height: 17px; }
body.subjects .store { float: right; }
body.subjects .dropdown { margin: -8px 0; }

/* Subject-specific Main */
body.detail #main .container_12 { background: #fff url(../img/subject-main.jpg) left top repeat-x; }
body.detail h1 { font-size: 60px; padding-left: 75px; }
body.detail .points { margin-top: 24px; }
body.detail .points li { font-weight: bold; font-size: 15px; line-height: 23px; list-style: none; background: url(../img/check.png) left 3px no-repeat; padding-left: 32px; color: #404040; }
body.detail h4 { color: #ff377f; margin: 0 0 6px; }
body.detail ul { list-style: none; margin-left: 0; }
body.detail li { font-size: 12px; line-height: 18px; }
body.detail .section { padding: 1.5em 0 0; }
body.detail .section h2 { margin: 0 0 .5em 0; }
body.detail .features-box { margin-top: 32px; }
body.detail .features { margin-right: -23px; }
body.detail .feature { width: 182px; margin: 0 23px 0 0; }
body.detail .feature img { border: 3px solid #dcdcdc; margin-bottom: 12px; }
body.detail .toggle { display: none; }
body.detail .toggle-para { margin: 12px 0; font-size: 11px; font-weight: bold; color: #00a5c3; cursor: pointer; }
body.detail .toggle ul, body.subject .toggle li { margin: 0; padding: 0; }

body.detail .screenshots .nav-tertiary { margin-left: 12px; padding-top: 0; }
body.detail .tab { position: relative; margin-top: 12px; }
body.detail .screenshot { float: left; }
body.detail .iphone .screenshot { margin: 0 18px 18px; }
body.detail .desktop .screenshot { margin: 0 40px 18px; border: 1px solid #e5e5e5; }

body.detail h1.sat { background: url(../img/icon-sat.png) left top no-repeat; }
body.detail h1.mcatb { background: url(../img/icon-mcat-bio.png) left top no-repeat; }
body.detail h1.mcatc  { background: url(../img/icon-mcat-chem.png) left top no-repeat; }
body.detail h1.lsat { background: url(../img/icon-lsat.png) left top no-repeat; }
body.detail h1.gmat { background: url(../img/icon-gmat.png) left top no-repeat; }
body.detail h1.gre { background: url(../img/icon-gre.png) left top no-repeat; }
body.detail h1.mcatp { background: url(../img/icon-mcat-physics.png) left top no-repeat; }


/* About */
body.about #main .container_12 { background: #fff url(../img/about-main.gif) left top repeat-x; }
body.about h2 { font-size: 40px; line-height: 40px; margin: 24px 0 8px; }
body.about h3 { font-size: 24px; margin: 0; }
body.about h3.Knockout50Welterweight { font-size: 32px; }
body.about .watermelon { margin: 0 0 25px 70px }
body.about .intro p { font-family: "EgyptienneFLTStd-Roman", Georgia, sans-serif; font-size: 14px; line-height: 24px; }

body.about .why-box { margin-top: 10px; }
body.about .why-box h3 { margin: 0 0 0; display: inline; font-size: 12px; font-weight: bold; -moz-box-shadow: 0 -5px 10px #c4f7fb; -webkit-box-shadow: 0 -5px 10px #c4f7fb; box-shadow: 0 -5px 10px #c4f7fb; padding: 16px; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #c4f7fb; border-bottom: 0; }
body.about .why { padding: 0 0 0 18px; }
body.about .why h4 { margin: 48px 0 12px 48px; font-size: 22px; }
body.about .leadin { font-size: 12px; color: #38ab22; font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 6px; }

body.about .press { margin: 0 0 18px; }
body.about .press img { float: left; border: 1px solid #b4e8f0; margin: 0 12px 12px 0; padding: 6px 8px; -moz-box-shadow: 0 2px 2px #c2f3f8; -webkit-box-shadow: 0 2px 2px #c2f3f8; box-shadow: 0 2px 2px #c2f3f8;  }
body.about .press h4 { font-family: "EgyptienneFLTStd-Roman", Georgia, sans-serif; font-size: 18px; line-height: 21px; font-weight: normal; margin: 0; }
body.about .press p { color: #586e71; font-size: 12px; line-height: 20px; }

body.about .review { margin: 0 0 32px; }
body.about .review blockquote { margin-bottom: -33px; padding-bottom: 33px; }
body.about .review blockquote p { font-size: 15px; line-height: 22px; margin-bottom: 0; }
body.about .quote { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 12px 16px; font-family: Georgia, "Times New Roman", serif; text-indent: -5px; }
body.about .quote-1 { background: #ffeef4; border: 1px solid #ffdbe8; }
body.about .quote-2 { background: #dcffef; border: 1px solid #b2f0d4; }
body.about .quote-3 { background: #dcf7ff; border: 1px solid #bdeaf7; }
body.about .quote-4 { background: #f5ecff; border: 1px solid #e7d8f7; }
body.about .review-1 blockquote { background: url(../img/review-1.gif) 30px bottom no-repeat; }
body.about .review-2 blockquote { background: url(../img/review-2.gif) 30px bottom no-repeat; }
body.about .review-3 blockquote { background: url(../img/review-3.gif) 30px bottom no-repeat; }
body.about .review-4 blockquote { background: url(../img/review-4.gif) 30px bottom no-repeat; }
body.about .review .source { margin: 12px 0 0 90px; }
body.about .review .source cite { font-style: normal; font-weight: bold; }

body.about .header { margin-bottom: 16px; }
body.about .header p { margin-bottom: 0; }
body.about .header img { float: left; margin: 4px 18px 12px 0; }
body.about .partners li { float: left; list-style: none; margin-right: 32px; }

.social p { font-weight: bold; }
.social .icons { padding-left: 12px; }
.social img { display: inline; vertical-align: middle; padding-left: 2px; }

.staff p { font-size: 13px; padding: 4px 12px 0; }
.mug { background: #e2f9fb; margin: 37px 0 12px; padding: 16px 16px 0 0; }
.mug img { float: left; margin: -37px 16px 0 0; }
.mug h4 { margin: 0 0 4px; font-size: 14px; font-weight: bold; }
.mug p { margin: 0; padding: 0; line-height: 1; }


/* 404 */
body.error-404 #main .container_12 { background: #fff url(../img/error-main.gif) left top repeat-x; }
body.error-404 .error { margin: 70px 0 0 18px; }
body.error-404 h1 { margin: 60px 0 24px; font-size: 120px; }
body.error-404 h2 { margin: 0 0 18px; font-size: 24px; font-family: "EgyptienneFLTStd-Roman", Georgia, sans-serif; font-weight: normal; line-height: 30px; }
body.error-404 p { font-weight: bold; }
body.error-404 .graphic { margin: 30px 0 0 -120px; }


/* Full size template */
body.full h1 { text-align: center; font-size: 60px; margin: 18px 0; }
body.full h2 { text-align: center; font-size: 18px; margin: 0 0 18px; }
body.full h3 { font-size: 18px; }
body.full h1.Knockout50Welterweight { font-size: 78px; }
body.full h2.Knockout50Welterweight { font-size: 24px; }
body.full h3.Knockout50Welterweight { font-size: 22px; }
body.full .audience { padding: 20px; }
body.full .audience p { font-size: 13px; line-height: 19px; }
body.full .audience .button-box { margin-top: 24px; margin-bottom: 6px; }
body.full .audience .button { font-size: 12px; line-height: 1; padding: 10px 14px 8px; background: #67d8e5; /* old browsers */ background: -moz-linear-gradient(top, #67d8e5 0%, #00b2cc 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67d8e5), color-stop(100%,#00b2cc)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d8e5', endColorstr='#00b2cc',GradientType=0 ); /* ie */ -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-decoration: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; }
body.full .audience .arrow img { display: inline; padding-left: 5px; }
body.full .center { text-align: center; }

/* Join us */
body.pages.full .inset { padding: 0; }

/* Contact */
body.contact h1.Knockout50Welterweight { font-size: 58px; }

/* Redeem */
body.redeem h1.Knockout50Welterweight { font-size: 58px; }
.inline { padding: 0 0 12px 36px; }
.inline .button { padding: 4px 12px; }
.inline select { margin: 5px 0 0; }
.inline .input-text { margin: 0 24px 0; width: 380px; }
.error { margin: 18px 0 0; padding: 12px 12px 0; background: #ffdbe8; border: 1px solid #f1b4b6; text-align: left; }
.error img { display: inline; }

/* Checkout */
body.checkout .instructions { padding: 0 24px; }

/* Press */
body.press h2 { margin: 0 0 18px; font-size: 36px; }
body.press h2 a, body.press h3 a { font-weight: normal; }
body.press h3 { margin: 6px 0 6px; font-size: 24px; }
body.press .icon { margin: 0 12px 0 0; }
body.press .logo { margin: 12px 0 0; }



/* Generic classes */
.nav li { float: left; list-style: none; }
.nav li a { display: block; padding: 5px; }

.intro { margin: 0 0 18px; padding: 0 0 18px; }
.intro p, .intro li { font-size: 14px; line-height: 20px; }
.intro li { margin-top: 6px; }

.section { margin: 8px 0; padding: 8px 0; }
.section:first-child { margin-top: 0; padding-top: 0; }

.dots-top { background: url(../img/dot.gif) left top repeat-x; }
.dots { background: url(../img/dot.gif) left bottom repeat-x; padding: 12px 0 18px; margin: 12px 0; }
body.main-side .dots h1, body.main-side .dots h2 { margin-top: -18px; }
body.main-side h3 { margin: 18px 0 6px; }

.inset { margin: 10px 0 20px; padding: 20px; border: 1px solid #c6f0f6; background: #ddfbff; -moz-box-shadow: inset 0 1px 2px #c6f0f6; -webkit-box-shadow: inset 0 1px 2px #c6f0f6; box-shadow: inset 0 1px 2px #c6f0f6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.inset p { margin-bottom: 12px; }
.inset .header { font-size: 24px; }

.steps { margin-left: 25px; }
.step { font-weight: bold; margin-bottom: 0 !important; }
.number { color: #fff; background: #000; padding: 4px 6px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font-size: 8px; line-height: 1; display: block; float: left; margin: 2px 10px 0 -25px; font-weight: normal; }

.dropdown { padding: 10px 10px 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #FFEB90; /* old browsers */ background: -moz-linear-gradient(top, #FFEB90 0%, #FFD30D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEB90), color-stop(100%,#FFD30D)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEB90', endColorstr='#FFD30D',GradientType=0 ); /* ie */ }
.dropdown p { margin: 0 10px 0 0; font-size: 12px; font-weight: bold; }
.dropdown select { margin-top: -1px; }

.scribble { text-align: center; font-size: 16px; line-height: 24px; font-weight: bold; padding: 0 10px; }
.scribble strong { color: #ff1367; background: url(../img/underline.png) left bottom no-repeat; padding-bottom: 5px; }
.scribble .Brianneshand { font-size: 24px; line-height: 28px; }

.buy-box { margin: -70px 0 0; }
.buy { border: 1px solid #ffdf11; background: #FFF4B1; /* old browsers */ background: -moz-linear-gradient(top, #FFF4B1 0%, #FFE964 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF4B1), color-stop(100%,#FFE964)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF4B1', endColorstr='#FFE964',GradientType=0 ); /* ie */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 11px; text-align: center; }
.buy h2 { font-size: 16px; margin: 4px 0 16px; }
.buy img { margin: 0 auto 6px; }
.buy .device-whole { width: 100%; }
.buy .device-half { width: 50%; }
.buy .device-third { width: 33%; }
.buy .price { margin: 0 0 6px; font-size: 15px; font-weight: bold; }
.buy .special { font-style: italic; font-weight: normal; }
.buy .special strong { font-size: 15px; font-style: normal; }
.buy .button-box { margin: 0 auto; width: 70px; font-size: 14px; }
.buy .button { font-weight: normal; display: block; color: #fff; border: 1px solid #ffa72c; text-decoration: none; background: #FFA100; /* old browsers */ background: -moz-linear-gradient(top, #FFA100 0%, #FF6800 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA100), color-stop(100%,#FF6800)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA100', endColorstr='#FF6800',GradientType=0 ); /* ie */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 8px 0; -moz-box-shadow: inset 0 1px 0 #ffbd00; -webkit-box-shadow: inset 0 1px 0 #ffbd00; box-shadow: inset 0 1px 0 #ffbd00; text-shadow: 0 -1px 0 #ff6800; }
.buy .button:active { background: #FF6800; /* old browsers */ background: -moz-linear-gradient(top, #FF6800 0%, #FFA100 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6800), color-stop(100%,#FFA100)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6800', endColorstr='#FFA100',GradientType=0 ); /* ie */ }
.buy .Knockout50Welterweight { font-weight: normal; font-size: 18px; }

.nav-tertiary { padding-top: 18px; margin: 0; }
.nav-tertiary li { margin-left: 8px; font-weight: bold; font-size: 12px; line-height: 20px; }
.nav-tertiary li a { padding: 3px 10px; border: 1px solid transparent; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-decoration: none; }
.nav-tertiary li a:hover, .nav-tertiary li a.here { text-decoration: none; border: 1px solid #96f4fd; background: #A7F6FF; /* old browsers */ background: -moz-linear-gradient(top, #A7F6FF 0%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A7F6FF), color-stop(100%,#FFFFFF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A7F6FF', endColorstr='#FFFFFF',GradientType=0 ); /* ie */ }
body.main-side .nav-tertiary { padding-top: 6px; }

.sidebar h2 { font-size: 20px; margin-top: 0; margin-bottom: 10px; }
.sidebar h2.Knockout50Welterweight { font-size: 24px; }
.sidebar h3 { font-size: 14px; line-height: 18px; margin-bottom: 3px; }
.sidebar p { margin-bottom: 6px; }
.sidebar a { font-weight: bold; text-decoration: none; }
.sidebar a:hover { text-decoration: underline; }
.sidebar .aside { padding: 0 0 1em; }
.sidebar ul, .sidebar ol { margin: 0 16px; }

/* Scrollable */
.scrollable { position: relative; overflow: hidden; width: 520px; height: 176px; left: 36px; }
.scrollable .items { width: 20000em; position: absolute; }
.scrollable .items div { float: left; }

.scrollable-nav { display: block; width: 100%; position: relative; z-index: 10; }
.prev, .next { position: absolute; top: 50px; display: block; width: 25px; height: 25px; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; cursor: pointer; }
.prev { left: 0; background: url(../img/prev.png) left top no-repeat; }
.next { right: 0; background: url(../img/next.png) left top no-repeat; }
.iphone .prev, .iphone .next { top: 76px; }
.desktop .prev, .desktop .next { top: 48px; }
.scrollable-nav .disabled, .scrollable-nav .disabled:active { background-position: 0 -25px; cursor: default; }
.scrollable-nav :active { background-position: 0 -50px; }

.scrollable-vertical { position: relative; overflow: hidden; height: 340px; width: 248px; margin: 15px 0 35px; }
.scrollable-vertical .items { position: absolute; height: 340px; /* Height is usually like 20000em, but Opera seems to blow this out despite its container being fixed */ }
.scrollable-vertical .items .description { float: none; }

.scrollable-nav-vertical { display: block; width: 60px; margin: 0 auto; position: relative; z-index: 10; }
.scrollable-nav-vertical .prev, .scrollable-nav-vertical .next { position: absolute; top: -17px; display: block; width: 25px; height: 25px; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; cursor: pointer; }
.scrollable-nav-vertical .prev { left: 0; background: url(../img/up.png) left top no-repeat; }
.scrollable-nav-vertical .next { left: 35px; background: url(../img/down.png) left top no-repeat; }
.scrollable-nav-vertical .disabled, .scrollable-nav .disabled:active { background-position: 0 -25px; cursor: default; }
.scrollable-nav-vertical :active { background-position: 0 -50px; }

/* Press */
.review { margin: 0 0 2em; line-height: 1.5em; font-family: Georgia, "Times New Roman", serif; }
.review p { margin: 0; padding: 0; }
.review blockquote { margin: 0; padding: 0; }
.review blockquote p { font-size: 15px; line-height: 22px; }
.quote { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 12px 16px; background: #ffeef4; border: 1px solid #ffdbe8; }
.review strong { background: #ffccde; font-weight: normal; padding: 3px 5px; }
.review cite { font-style: italic; }
.review .headline, .review .source { font-size: 14px; margin: 8px 16px 0; }
.review .headline { line-height: 20px; }
.review .headline a { color: #00a5c3; font-weight: bold; font-family: Helvetica, Arial, sans-serif; }
.review .source { margin-top: 0; }

form { margin-top: 16px; }
form .input-text, form textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; width: 90%; }
form .input-text, form textarea { border: 1px solid #c7f1f7; font-size: 12px; padding: 8px; }
form .input-text:focus, form textarea:focus { border: 1px solid #f9347b; outline: 0; }
form .input-row { margin-bottom: 12px; padding: 7px 0 0; }

.button-box { padding: 0; }
.button { background: #FB6B9E; /* old browsers */ background: -moz-linear-gradient(top, #FB6B9E 0%, #DF3472 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6B9E), color-stop(100%,#DF3472)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6B9E', endColorstr='#DF3472',GradientType=0 ); /* ie */ -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -moz-box-shadow: inset 0px 2px 0 #fc9fc0; -webkit-box-shadow: inset 0px 2px 0 #fc9fc0; box-shadow: inset 0px 2px 0 #fc9fc0; text-shadow: 0 -2px 0 #f9347a; color: #fff; font-size: 18px; border: 0; padding: 10px 18px 8px; text-decoration: none; }
.button:hover { text-decoration: none; }
.button-box .icon { position: relative; top: 20px; }
.button-box .download { padding-left: 0; }
.button-box .download img { display: inline; padding-right: 8px; }

/* Remove these in lieu of generic styles above */
.form-checkout .input-text { border: 1px solid #6EDBEA; font-size: 12px; width: 290px; padding: 8px; }
.form-checkout .input-text:focus { border: 1px solid #f9347b; outline: 0; }
.checkout-error { border: 1px solid #f9347b !important; outline: 0; }
.form-checkout .button { background: #FB6B9E; /* old browsers */ background: -moz-linear-gradient(top, #FB6B9E 0%, #DF3472 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6B9E), color-stop(100%,#DF3472)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6B9E', endColorstr='#DF3472',GradientType=0 ); /* ie */ -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: inset 0px 2px 0 #fc9fc0; -webkit-box-shadow: inset 0px 2px 0 #fc9fc0; box-shadow: inset 0px 2px 0 #fc9fc0; text-shadow: 0 -2px 0 #f9347a; color: #fff; font-size: 14px; border: 0; margin-right: 20px; padding: 10px 12px 8px; }

.form-checkout fieldset { border: 0; padding: 12px 0 24px; }
.form-checkout legend { background: #d5f8fb; font-weight: bold; font-size: 12px; display: block; width: 568px; padding: 12px 14px 10px; }
.form-checkout label, .form-checkout .label { padding: 12px; float: left; font-weight: bold; font-size: 12px; width:100px;}
.form-checkout input, .form-checkout select { display: block; margin-left: 130px; }
.form-checkout select { top: 8px; position: relative; width: 306px; }
.form-checkout .input-row { padding: 7px 0 0; }
.form-checkout .checkout-state { float: left; position: relative; z-index: 1; }
.form-checkout .checkout-state select { width: auto; }
.form-checkout .checkout-zip { left: 38px; position: relative; z-index: 0; }
.form-checkout .checkout-zip label { float: left; }
.form-checkout .checkout-zip .input-text { width: 108px; }
.form-checkout .radios ul, .form-checkout .radios li { margin: 0; padding: 0; list-style: none; }
.form-checkout .radios ul { margin-left: 130px; margin-top: 12px; }
.form-checkout .radios li { float: left; }
.form-checkout .radios .input-radio { margin-left: 0; float: left; }
.form-checkout .radios label { margin-left: 0; padding-top: 0; display: inline; }
.form-checkout .radios img { float: left; margin-right: 7px; border: 1px solid #000; }
.form-checkout .checkout-security-input { display: block; margin-left: 130px; }
.form-checkout .checkout-security-input .input-text { margin-left: 0; width: 32px; float: none; display: inline; }
.form-checkout .security a { font-size: 11px; }
.form-checkout .note { font-weight: normal; padding-left: 12px; }
.form-checkout .expirations select { margin-left: 0; width: auto; display: inline; top: 0; }
.form-checkout .expirations .expiration-selects { margin-left: 130px; font-size: 15px; padding-top: 10px; }
.form-checkout .text { padding: 0 6px; }
.form-checkout .errors { color: #f9347b; margin: 12px 0 12px 130px; }
.form-checkout .errors p { background: url(../img/error.png) left 3px no-repeat; padding-left: 18px; }
.form-checkout .total { font-size: 26px; margin: 32px 0; }
.form-checkout .input-submit { margin-left: 0; font-size: 14px; margin-bottom: 24px; }
.form-checkout .Knockout30JuniorWelterwt { font-size: 18px; }
.form-checkout .fineprint { font-size: 11px; }
.form-checkout a { font-weight: bold; text-decoration: none; text-decoration: none; }
.form-checkout a:hover { text-decoration: underline; }



.hide { border: 0 !important; clip: rect(0 0 0 0); height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }
.float-l { float: left; }
.float-r { float: right; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Grid */
.container_12 { margin-left: auto; margin-right: auto; width: 924px; padding: 0 18px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.container_12 .grid_1 { width: 57px; }
.container_12 .grid_2 { width: 134px; }
.container_12 .grid_3 { width: 211px; }
.container_12 .grid_4 { width: 288px; }
.container_12 .grid_5 { width: 365px; }
.container_12 .grid_6 { width: 442px; }
.container_12 .grid_7 { width: 519px; }
.container_12 .grid_8 { width: 596px; }
.container_12 .grid_9 { width: 673px; }
.container_12 .grid_10 { width: 750px; }
.container_12 .grid_11 { width: 827px; }
.container_12 .grid_12 { width: 904px; }

.container_12 .prefix_1 { padding-left: 77px; }
.container_12 .prefix_2 { padding-left: 154px; }
.container_12 .prefix_3 { padding-left: 231px; }
.container_12 .prefix_4 { padding-left: 308px; }
.container_12 .prefix_5 { padding-left: 385px; }
.container_12 .prefix_6 { padding-left: 462px; }
.container_12 .prefix_7 { padding-left: 539px; }
.container_12 .prefix_8 { padding-left: 616px; }
.container_12 .prefix_9 { padding-left: 693px; }
.container_12 .prefix_10 { padding-left: 770px; }
.container_12 .prefix_11 { padding-left: 847px; }

.container_12 .suffix_1 { padding-right: 77px; }
.container_12 .suffix_2 { padding-right: 154px; }
.container_12 .suffix_3 { padding-right: 231px; }
.container_12 .suffix_4 { padding-right: 308px; }
.container_12 .suffix_5 { padding-right: 385px; }
.container_12 .suffix_6 { padding-right: 462px; }
.container_12 .suffix_7 { padding-right: 539px; }
.container_12 .suffix_8 { padding-right: 616px; }
.container_12 .suffix_9 { padding-right: 693px; }
.container_12 .suffix_10 { padding-right: 770px; }
.container_12 .suffix_11 { padding-right: 847px; }

.container_12 .push_1 { left: 77px; }
.container_12 .push_2 { left: 154px; }
.container_12 .push_3 { left: 231px; }
.container_12 .push_4 { left: 308px; }
.container_12 .push_5 { left: 385px; }
.container_12 .push_6 { left: 462px; }
.container_12 .push_7 { left: 539px; }
.container_12 .push_8 { left: 616px; }
.container_12 .push_9 { left: 693px; }
.container_12 .push_10 { left: 770px; }
.container_12 .push_11 { left: 847px; }

.container_12 .pull_1 { left: -77px; }
.container_12 .pull_2 { left: -154px; }
.container_12 .pull_3 { left: -231px; }
.container_12 .pull_4 { left: -308px; }
.container_12 .pull_5 { left: -385px; }
.container_12 .pull_6 { left: -462px; }
.container_12 .pull_7 { left: -539px; }
.container_12 .pull_8 { left: -616px; }
.container_12 .pull_9 { left: -693px; }
.container_12 .pull_10 { left: -770px; }
.container_12 .pull_11 { left: -847px; }


/* Fonts */
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/league-gothic/League_Gothic-webfont.eot');
	src: local('☺'), url('../fonts/league-gothic/League_Gothic-webfont.woff') format('woff'), url('../fonts/league-gothic/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/league-gothic/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Knockout50-Welterweight';
	src: url('../fonts/knockout/knockout-50-welterweight-webfont.eot');
	src: local('☺'), url('../fonts/knockout/knockout-50-welterweight-webfont.woff') format('woff'), url('../fonts/knockout/knockout-50-welterweight-webfont.ttf') format('truetype'), url('../fonts/knockout/knockout-50-welterweight-webfont.svg#webfontQrKmVuyy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Knockout30-JuniorWelterwt';
	src: url('../fonts/knockout/knockout-30-juniorwelterweight-webfont.eot');
	src: local('☺'), url('../fonts/knockout/knockout-30-juniorwelterweight-webfont.woff') format('woff'), url('../fonts/knockout/knockout-30-juniorwelterweight-webfont.ttf') format('truetype'), url('../fonts/knockout/knockout-30-juniorwelterweight-webfont.svg#webfontcftStr2c') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'BrianneshandRegular';
	src: url('../fonts/briannes-hand/brianne_s_hand-webfont.eot');
	src: local('☺'), url('../fonts/briannes-hand/brianne_s_hand-webfont.woff') format('woff'), url('../fonts/briannes-hand/brianne_s_hand-webfont.ttf') format('truetype'), url('../fonts/briannes-hand/brianne_s_hand-webfont.svg#webfontplGEzF6u') format('svg');
	font-weight: normal;
	font-style: normal;
}

.LeagueGothicRegular { font-weight: normal; font-style: normal; line-height: normal; font-family: 'LeagueGothicRegular', sans-serif !important; font-size-adjust: 0.48; }

.Knockout50Welterweight { font-weight: normal; font-style: normal; line-height: normal; font-family: 'Knockout50-Welterweight', sans-serif !important; font-size-adjust: 0.48; }

.Knockout30JuniorWelterwt { font-weight: normal; font-style: normal; line-height:normal; font-family: 'Knockout30-JuniorWelterwt', sans-serif !important; font-size-adjust: 0.47; }

.Brianneshand { font-weight: normal; font-style: normal; line-height: normal; font-family: 'BrianneshandRegular', sans-serif !important; font-size-adjust: 0.53; }


/* Media queries */
@media only screen and (max-device-width: 480px) {
    html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }    
}

#iphone { display: block; font-weight: bold; background: #FB6B9E; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6B9E), color-stop(100%,#E03373)); }
#iphone p { color: #fff; font-size: 30px; line-height: 1.25em; }
#iphone img { float: left; display: block; margin: 16px 1em 0 0; }
#iphone a { padding: .75em; display: block; font-weight: normal; color: #fff; }
#iphone .link { text-decoration: underline; }


#landing_page_futureOf .grid_8 .Knockout50Welterweight {font-size:70px;}
#landing_page_futureOf .grid_8 .tagline {color:#5d6465;font-size:26px;padding:10px 0 0 0;font-weight:normal;}
#landing_page_futureOf .grid_8 .tagline h2 {}
.primary_landing_futureOf { background: url(../img/let-their-be-light.png) no-repeat; }

#landing_page_futureOf .grid_8 .divider {border-bottom:1px solid #ace6ed;padding:20px 0 0 0;margin:0 0 20px 0;}

#landing_page_futureOf .iPhone {background: url(../img/lp-iphone-orig.png) no-repeat;width:;240px;height:594px; }
#landing_page_futureOf .iPhone .slideshow { display:none; height: 294px; width: 206px;margin:auto; position:relative;top:98px;left:-26px;}
#landing_page_futureOf .iPhone .slideshow img {  border: 0px solid #ccc; }

#landing_page_futureOf .grid_8 .bullet-points .Knockout50Welterweight {font-size:32px;}
#landing_page_futureOf .grid_8 .bullet-points h1 {height:32px;margin:0px 0 20px 0;}
#landing_page_futureOf .grid_8 .bullet-points h1 img {float:left;;margin:17px 10px 0 0;}
.bullet-points .buy-now {padding:38px 0 0px 116px;margin: 0 0 0px 0;}
.bullet-points .share {padding:8px 0 0px 162px;margin: 0 0 0px 0;}
.bullet-points .share p {font-size:13px;color:#000;float:left;padding:0 10px 0px 0;}
.bullet-points .share img {float:left;}


.bullet-points .thinHeading {font-weight:lighter;font-size:26px;}

#landing_page_futureOf .grid_12 {margin:-20px 0 0 0; border:1px solid black;}
#landing_page_futureOf .grid_3 p {font-size:14px;}
.author {font-size:14px;float:right;padding: 10px 10px 10px 0;}
.lp-quote {font-size:14px;padding:10px 0 0 0;}
.signature {float:right;font-size:12px;padding:10px 23px 0 0;}

.primary_landing_futureOf {background-color:#b2f2f8;}
.primary_landing_futureOf #header {height:40px;}
.primary_landing_futureOf #header .container_12 {}

#landing_page_futureOf .iPad {background: url(../img/lp-ipad-bg.png) no-repeat;width:;338px;height:535px; }
#landing_page_futureOf .iPad .slideshow { height: 336px; width: 252px;margin:auto; position:relative;top:35px;left:-11px;}
#landing_page_futureOf .iPad .slideshow img {  border: 0px solid #ccc; }

#landing_page_futureOf .grid_7 .bullet-points .Knockout50Welterweight {font-size:30px;}
#landing_page_futureOf .grid_7 .bullet-points h1 {height:32px;margin:0px 0 20px 0;}
#landing_page_futureOf .grid_7 .bullet-points h1 img {float:left;;margin:17px 10px 0 0;}