/* Global */
body { font-family: Arial, Helvetica, sans-serif; background-color: #FFF; color: #000; margin: 0; }
@font-face { font-family: 'ChampionHTF-Bantamweight'; src: url('/fonts/champion-htf-bantamweight-webfont.eot'); src: local('☺'), url('/fonts/champion-htf-bantamweight-webfont.woff') format('woff'), url('/fonts/champion-htf-bantamweight-webfont.ttf') format('truetype'), url('/fonts/champion-htf-bantamweight-webfont.svg#webfontFPLof16f') format('svg'); font-weight: normal; font-style: normal }
a { color: #7CBFEC; text-decoration: none; outline: none; }
a img { outline: none; border: none; }

/* Typography */
h1, h2, h3, h4, h5 { font-size:52px; line-height:52px; margin:0 0 12px; text-transform:uppercase; font-weight:normal; font-family: 'ChampionHTF-Bantamweight', Arial, Helvetica, sans-serif; clear:both }
h2 { font-size:30px; line-height:30px }
h3 { font-size:24px; line-height:24px }
h4 { font-size:20px; line-height:20px }
h5 { font-size:16px; line-height:16px }
p { margin: 0 0 15px; font-size:11px; line-height:15px }
table { font-size: 11px; line-height: 15px; }

/* Layouts */
#container { width: 900px; margin: 0 auto; }
#header { margin: 5px 0; padding:5px 0; height: 86px; overflow: auto; border-bottom: 1px solid #D6D6D6; }
#logo { float: left; margin: 30px 0 0 3px; }
#logo a { display:block }
#content { margin: 22px 0; padding: 0 2px; min-height: 660px; overflow: auto; }
#footer { margin: 50px 0 10px; overflow: auto; }
#credit { text-align: right; margin: 0 5px 20px; }

/* Home */
#col1 { float: left; width: 453px; padding:0 0 10px }
#col1 h2 { margin:0 0 4px }
#col2 { float: right; width: 417px; padding: 0 0 10px; position:relative }
#col2 p { width: 340px }
#nav { position:absolute; top:0; right:20px; z-index:100; font-size:11px }
#years { margin:0 0 20px; font-family: 'ChampionHTF-Bantamweight', Arial, Helvetica, sans-serif; font-size:30px }
#years a { color:#000 }
#years img { margin:0 6px }
#cover img { margin:0 0 30px }
.edition { overflow:auto }
.thumb { float:left; display:inline; margin:0 15px 30px 0; text-align:center; text-transform: uppercase; font-family: 'ChampionHTF-Bantamweight', Arial, Helvetica, sans-serif; font-size: 24px; letter-spacing:1.1px }
.divider { float:left; display:inline; margin:15px 15px 0 0 }
.loading-indicator { position:absolute; right:0; top:0 }
.or { padding:5px 20px; font-family: 'ChampionHTF-Bantamweight', Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; float:left; text-transform:uppercase }

/* Cart */
h1.cart { font-size: 42px; }
#cart { margin: 28px 0 50px; }
tr.bottom-border th, tr.bottom-border td { border-bottom: 1px solid #D6D6D6; }
tr.pad-bottom th { padding-bottom: 10px; }
tr.pad-top td { padding-top: 18px; }
tr.pad-bottom td { padding-bottom: 18px; }
tr.total-pad-top td { padding-top: 10px; }

/* Checkout */
#checkout .col1 { float: left; width: 204px; }
#checkout .col2 { float: left; width: 204px; margin: 0 0 0 80px; }
#checkout .col3 { float: right; width: 328px; }
#checkout h1 { font-size: 42px; }
#checkout .col1 p, #checkout .col2 p { font-weight: bold; margin: 8px 0 3px; }
.sub-text { margin: 0 0 15px; }
.sub-text a:hover { text-decoration: underline; }
.birthday p { font-weight: bold; margin: 8px 0 3px; }
.terms { margin: 50px 0; }
.terms h1 { margin: 0 0 25px; }

/* Payment */
#payment .col1 { float: left; width: 204px; }
#payment .col2 { float: right; width: 640px; }
#payment h1 { font-size: 42px; }
#payment .col1 p { margin: 0 0 5px; }
.billing { margin: 50px 0 0; }
#payment .colA { float: left; width: 220px; }
#payment .colB { float: left; width: 220px; margin: 0 0 0 30px; }
#payment .colC { float: right; width: 140px; }
#payment .colA p, #payment .colB p { font-weight: bold; margin: 8px 0 3px; }
#payment .colC table { margin: 0 0 50px; }
.payment { clear:both }

/* Forms */
.text-field, #shipping_state_txt, #billing_state_txt { margin: 0 0 6px; padding: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 190px; border: 1px solid #000; }
.text-field.small { width: 72px; }
.text-field.date { width: 30px; }
#shipping_state, #shipping_state_US, #shipping_state_CA, #shipping_country, #billing_state, #billing_state_US, #billing_state_CA, #billing_country { width: 96px; }
#shipping_state_txt, #billing_state_txt { width: 84px; }
#shipping-options select { width: 190px; }

/* Thanks */
#thanks h1 { font-size: 42px; margin-bottom: 12px; }

/* Footer */
#footer { clear:both; padding: 10px; background: #000; text-transform: uppercase; font-size: 10px; line-height: 10px; color: #FFF; font-family: Helvetica, Arial, sans-serif }
#footer ul { margin: 0; padding: 0; float: left; }
#footer li { margin: 0; padding: 0; display: inline-block; }
#footer a { display: block; color: #FFF; text-decoration: none; margin: 0 20px 0 0; }
#footer a:hover { color: #7CBFEC; }
#footer .copyright { float: right; }
#credit a { color: #000; }
#credit a:hover { text-decoration: underline; }

/* Special */
.color { color: #7CBFEC; }
.left { float:left }
.right { float:right }
.border { border-top:1px solid #CCC; margin:20px 0 0; padding:15px 0 0; width:340px }
.button { text-transform: uppercase; font-family: 'ChampionHTF-Bantamweight', Arial, Helvetica, sans-serif; font-size: 24px; line-height:24px; display: block; background: #000; color: #FFF; padding: 6px 12px 2px; text-align: center; text-decoration: none; letter-spacing: 1.1px; }
.button:hover { background-color: #7CBFEC; }
.continue, .update { float: right; margin: 5px; }
.return { float: left; margin: 5px; }
.flash { padding:15px; margin:0 0 20px; font-size:12px; line-height:18px; border:1px solid #7CBFEC; color:#7CBFEC }
.flash ul { margin:0; padding:0 }
.flash li { margin:6px 30px; padding:0; list-style-type:square }