.icon-sprite, .icon-arrow-left-small, .icon-arrow-left, .icon-arrow-right-small, .icon-arrow-right, .icon-button-arrow-right, .icon-carrier-large-att, .icon-carrier-large-sprint, .icon-carrier-large-verizon, .icon-device-arrow-right, .icon-device-arrows-down, .icon-device-large-android, .icon-device-large-blackberry, .icon-device-large-iOS, .icon-device-large-palm, .icon-device-small-all, .icon-device-small-android, .icon-device-small-blackberry, .icon-device-small-iOS, .icon-device-small-palm, .icon-icon-large-verizon, .icon-info-questionmark, .icon-logo-large-espn-red, .icon-logo-small-espn-blue, .icon-logo-small-espn-brown, .icon-logo-small-espn-green, .icon-logo-small-espn-navy, .icon-logo-small-espn-pink, .icon-logo-small-espn-red, .icon-mobile-footer, .categories ul.menu li.b2.arrow a:after, .product ul.menu li.b2.arrow a:after, .categories ul.menu li.b2.arrow:hover a:after, .categories ul.menu li.b2.arrow.selected a:after, .product ul.menu li.b2.arrow:hover a:after, .product ul.menu li.b2.arrow.selected a:after, .categories ul.menu li.b2 a span.download:after, .product ul.menu li.b2 a span.download:after, .categories ul.menu li.b2 a span.arrow:after, .product ul.menu li.b2 a span.arrow:after { background: url('http://a.espncdn.com/i/mobile/website/img/icon-s94c7a6947f.png') no-repeat; }

.icon-arrow-left-small { background-position: 0 0; height: 24px; width: 24px; }
.icon-arrow-left-small:hover, .icon-arrow-left-small.arrow-left-small_hover, .icon-arrow-left-small.arrow-left-small-hover { background-position: 0 -44px; }

.icon-arrow-left { background-position: 0 -88px; height: 36px; width: 36px; }
.icon-arrow-left:hover, .icon-arrow-left.arrow-left_hover, .icon-arrow-left.arrow-left-hover { background-position: 0 -144px; }

.icon-arrow-right-small { background-position: 0 -200px; height: 24px; width: 24px; }
.icon-arrow-right-small:hover, .icon-arrow-right-small.arrow-right-small_hover, .icon-arrow-right-small.arrow-right-small-hover { background-position: 0 -244px; }

.icon-arrow-right { background-position: 0 -288px; height: 36px; width: 36px; }
.icon-arrow-right:hover, .icon-arrow-right.arrow-right_hover, .icon-arrow-right.arrow-right-hover { background-position: 0 -344px; }

.icon-button-arrow-right { background-position: 0 -400px; height: 12px; width: 11px; }
.icon-button-arrow-right:hover, .icon-button-arrow-right.button-arrow-right_hover, .icon-button-arrow-right.button-arrow-right-hover { background-position: 0 -432px; }

.icon-carrier-large-att { background-position: 0 -464px; height: 56px; width: 85px; }

.icon-carrier-large-sprint { background-position: 0 -540px; height: 56px; width: 85px; }

.icon-carrier-large-verizon { background-position: 0 -616px; height: 56px; width: 85px; }

.icon-device-arrow-right { background-position: 0 -692px; height: 15px; width: 14px; }

.icon-device-arrows-down { background-position: 0 -727px; height: 19px; width: 15px; }

.icon-device-large-android { background-position: 0 -766px; height: 50px; width: 50px; }
.icon-device-large-android:hover, .icon-device-large-android.device-large-android_hover, .icon-device-large-android.device-large-android-hover { background-position: 0 -836px; }

.icon-device-large-blackberry { background-position: 0 -906px; height: 50px; width: 50px; }
.icon-device-large-blackberry:hover, .icon-device-large-blackberry.device-large-blackberry_hover, .icon-device-large-blackberry.device-large-blackberry-hover { background-position: 0 -976px; }

.icon-device-large-iOS { background-position: 0 -1046px; height: 50px; width: 50px; }
.icon-device-large-iOS:hover, .icon-device-large-iOS.device-large-iOS_hover, .icon-device-large-iOS.device-large-iOS-hover { background-position: 0 -1116px; }

.icon-device-large-palm { background-position: 0 -1186px; height: 50px; width: 50px; }
.icon-device-large-palm:hover, .icon-device-large-palm.device-large-palm_hover, .icon-device-large-palm.device-large-palm-hover { background-position: 0 -1256px; }

.icon-device-large-windows { background: url('http://a.espncdn.com/i/mobile/website/img/icon/windows-logo.png') no-repeat; }
.icon-device-large-windows:hover, .icon-device-large-windows.device-large-windows_hover, .icon-device-large-windows.device-large-windows-hover { background: url('http://a.espncdn.com/i/mobile/website/img/icon/windows-logo_hover.png') no-repeat; }

.icon-device-large-kindle { background: url('http://a.espncdn.com/i/mobile/website/img/icon/kindle-logo.png') no-repeat; }
.icon-device-large-kindle:hover, .icon-device-large-kindle.device-large-kindle_hover, .icon-device-large-kindle.device-large-kindle-hover { background: url('http://a.espncdn.com/i/mobile/website/img/icon/kindle-logo_hover.png') no-repeat; }

.icon-device-large-xbox { background: url('http://a.espncdn.com/i/mobile/website/img/icon/xbox-logo.png') no-repeat; }
.icon-device-large-xbox:hover, .icon-device-large-xbox.device-large-xbox_hover, .icon-device-large-xbox.device-large-xbox-hover { background: url('http://a.espncdn.com/i/mobile/website/img/icon/xbox-logo_hover.png') no-repeat; }

.icon-device-small-all { background-position: 0 -1326px; height: 28px; width: 28px; }

.icon-device-small-android { background-position: 0 -1374px; height: 28px; width: 28px; }

.icon-device-small-blackberry { background-position: 0 -1422px; height: 28px; width: 28px; }

.icon-device-small-iOS { background-position: 0 -1470px; height: 28px; width: 28px; }

.icon-device-small-palm { background-position: 0 -1518px; height: 28px; width: 28px; }

.icon-device-small-windows { background: url('http://a.espncdn.com/i/mobile/website/img/icon/device-small-windows.png') no-repeat; }

.icon-icon-large-verizon { background-position: 0 -1566px; height: 56px; width: 85px; }

.icon-info-questionmark { background-position: 0 -1642px; height: 27px; width: 25px; }

.icon-logo-large-espn-red { background-position: 0 -1689px; height: 73px; width: 73px; }

.icon-logo-small-espn-blue { background-position: 0 -1782px; height: 53px; width: 53px; }

.icon-logo-small-espn-brown { background-position: 0 -1855px; height: 53px; width: 53px; }

.icon-logo-small-espn-green { background-position: 0 -1928px; height: 53px; width: 53px; }

.icon-logo-small-espn-navy { background-position: 0 -2001px; height: 53px; width: 53px; }

.icon-logo-small-espn-pink { background-position: 0 -2074px; height: 53px; width: 53px; }

.icon-logo-small-espn-red { background-position: 0 -2147px; height: 53px; width: 53px; }

.icon-mobile-footer { background-position: 0 -2220px; height: 57px; width: 27px; }

/* HTML5 ✰ Boilerplate */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

body { font: 13px/1.231 sans-serif; *font-size: small; }

select, input, textarea, button { font: 99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }

a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }

ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }

textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection { background: #350606; color: #fff; text-shadow: none; }

::selection { background: #350606; color: #fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #350606; }

button { width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

a, a:active, a:visited { color: #607890; }

a:hover { color: #036; }

/** Primary styles  Author:  */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hidden { display: none; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

@media screen and (max-device-width: 480px) { /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ }
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
body.mobileproducts { font: 13px/1.231 "Helvetica Neue", Arial, sans-serif; *font-size: small; background: url("http://a.espncdn.com/i/mobile/website/img/bg/default-repeat-x.png") repeat-x scroll 0 0 #f2f2f2; }
body.mobileproducts .bg-elements { background: url("http://a.espncdn.com/i/mobile/website/img/bg/default-bg.jpg") no-repeat scroll top center; max-width: 1200px; margin: auto; }

body.mobileproducts.xgames { background: url("http://a.espncdn.com/i/mobile/website/img/bg/xgames-repeat-x.png") repeat-x scroll 0 0 #f2f2f2; }
body.mobileproducts.xgames .bg-elements { background: url("http://a.espncdn.com/i/mobile/website/img/bg/xgames-bg.jpg") no-repeat scroll top center; }

#nav-wrapper { position: relative; }

.main > .content { min-height: 460px; background: transparent; padding: 0px; height: auto; overflow: visible; margin: 20px auto; width: 934px; }

ul, ol { margin-left: 0em; }

/* override html5boilrplate reset for this */
/* RED global */
.blank { width: 100%; height: 100%; }

.cover { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; }

a, .actionable { cursor: pointer; }

.container { position: relative; }

.background { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

nav ul, ul.nb { list-style: none; margin-left: 0; }

.vcenter { display: table; height: 100%; }

.vcenter > div { display: table-cell; vertical-align: middle; }

.dark { color: #41454a; }

.light { color: #fff; }

.light p, .light h1, .light h2 { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }

/* slideshow */
.dragdealer .handle { cursor: url("https://mail.google.com/mail/images/2/openhand.cur"), default !important; cursor: -moz-grab; }

.b1 { /* backing 1 */ background: #e9e9e9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #dbdbdb)); background-image: -webkit-linear-gradient(#e9e9e9, #dbdbdb); background-image: -moz-linear-gradient(#e9e9e9, #dbdbdb); background-image: -ms-linear-gradient(#e9e9e9, #dbdbdb); background-image: linear-gradient(#e9e9e9, #dbdbdb); -moz-box-shadow: inset 0 6px 2px white, 0px 2px 4px #1d1d1d; -webkit-box-shadow: inset 0 6px 2px white, 0px 2px 4px #1d1d1d; box-shadow: inset 0 6px 2px white, 0px 2px 4px #1d1d1d; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 0 white, 0 -1px 0 #cccccc; float: left; }

a.b1, .b1 .label { padding: 12px 15px; font-size: .9em; color: #3d3b3b; font-weight: bold; }

a.b1:hover { -moz-box-shadow: inset 0 8px 4px white, 0px 2px 2px #1d1d1d; -webkit-box-shadow: inset 0 8px 4px white, 0px 2px 2px #1d1d1d; box-shadow: inset 0 8px 4px white, 0px 2px 2px #1d1d1d; text-decoration: none; color: #232323; }

a.b1:active { background: #fff; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#ffffff, #ffffff); background-image: -moz-linear-gradient(#ffffff, #ffffff); background-image: -ms-linear-gradient(#ffffff, #ffffff); background-image: linear-gradient(#ffffff, #ffffff); -moz-box-shadow: inset 0px 0px 6px 6px #dedede, 0px 1px 1px #1d1d1d; -webkit-box-shadow: inset 0px 0px 6px 6px #dedede, 0px 1px 1px #1d1d1d; box-shadow: inset 0px 0px 6px 6px #dedede, 0px 1px 1px #1d1d1d; }

.b2 { /* backing 2 */ background: #b4b4b4; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b4b4b4), color-stop(100%, #f6f6f6)); background-image: -webkit-linear-gradient(#b4b4b4, #f6f6f6); background-image: -moz-linear-gradient(#b4b4b4, #f6f6f6); background-image: -ms-linear-gradient(#b4b4b4, #f6f6f6); background-image: linear-gradient(#b4b4b4, #f6f6f6); -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 1px white inset, 0 2px 4px -1px #1d1d1d; -webkit-box-shadow: 0 2px 1px white inset, 0 2px 4px -1px #1d1d1d; box-shadow: 0 2px 1px white inset, 0 2px 4px -1px #1d1d1d; text-shadow: white 0px 1px 0px, #cccccc 0pc -1px 0px; }

h1.b2, a.b2, .b2 .label { padding: 12px 15px; font-size: .9em; color: #3d3b3b; font-weight: bold; }

.actionable.b2.selected { background: #fff; pointer-events: none; -moz-box-shadow: inset 0px 0px 8px 1px #dedede, 0px 0px 1px #1d1d1d; -webkit-box-shadow: inset 0px 0px 8px 1px #dedede, 0px 0px 1px #1d1d1d; box-shadow: inset 0px 0px 8px 1px #dedede, 0px 0px 1px #1d1d1d; cursor: default; }

.actionable.b2:hover, .arrow:hover .b2 { background: #e9e9e9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #dbdbdb)); background-image: -webkit-linear-gradient(#e9e9e9, #dbdbdb); background-image: -moz-linear-gradient(#e9e9e9, #dbdbdb); background-image: -ms-linear-gradient(#e9e9e9, #dbdbdb); background-image: linear-gradient(#e9e9e9, #dbdbdb); -moz-box-shadow: inset 0 8px 4px white, 0px 1px 1px 1px rgba(29, 29, 29, 0.4); -webkit-box-shadow: inset 0 8px 4px white, 0px 1px 1px 1px rgba(29, 29, 29, 0.4); box-shadow: inset 0 8px 4px white, 0px 1px 1px 1px rgba(29, 29, 29, 0.4); text-shadow: 0 1px 0 white, 0 -1px 0 #cccccc; text-decoration: none; color: #232323; }
.actionable.b2:hover:active, .arrow:hover .b2:active { background: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#ffffff, #ffffff); background-image: -moz-linear-gradient(#ffffff, #ffffff); background-image: -ms-linear-gradient(#ffffff, #ffffff); background-image: linear-gradient(#ffffff, #ffffff); -moz-box-shadow: inset 0px 0px 6px 6px #dedede, 0px 1px 1px #1d1d1d; -webkit-box-shadow: inset 0px 0px 6px 6px #dedede, 0px 1px 1px #1d1d1d; box-shadow: inset 0px 0px 6px 6px #dedede, 0px 1px 1px #1d1d1d; }

.actionable.selectable.b2 { padding: 4px; position: relative; }
.actionable.selectable.b2 a { color: #3d3b3b; font-weight: bold; display: block; width: auto; height: auto; text-decoration: none; line-height: 50px; padding-left: 50px; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.actionable.selectable.b2 a:active { color: #545454; -moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.4) inset; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.4) inset; }

.actionable.selectable.b2:hover:before { position: absolute; left: 4px; top: 4px; height: 50px; width: 218px; display: block; content: "\00a0"; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.5) inset; box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.5) inset; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.8))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); }
.actionable.selectable.b2:hover a { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 black; }

.b3 { /* backing 3 */ -moz-border-radius: 0 0 0.6em 0.6em; -webkit-border-radius: 0 0 0.6em 0.6em; -ms-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; -moz-box-shadow: 8px 9px 1px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 8px 9px 1px -1px rgba(0, 0, 0, 0.3); box-shadow: 8px 9px 1px -1px rgba(0, 0, 0, 0.3); background: #000; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; float: left; clear: both; margin: -10px 0px 0px 15px; position: relative; }
.b3:after { /* triangle in top-right corner */ border-width: 10px 0px 0px 10px; border-color: transparent rgba(0, 0, 0, 0.6); border-style: solid; content: ""; position: absolute; top: 0; right: -10px; }

h1.b3, a.b3 { color: #fff; font-weight: bold; font-size: .95em; padding: 15px 20px; }

.b4 { /* backing 2 */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; text-shadow: white 0px 1px 0px, #cccccc 0pc -1px 0px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #d9d9d9), color-stop(55%, #d4d4d4), color-stop(88%, #ffffff)); background-image: -webkit-linear-gradient(#ffffff, #d9d9d9 50%, #d4d4d4 55%, #ffffff 88%); background-image: -moz-linear-gradient(#ffffff, #d9d9d9 50%, #d4d4d4 55%, #ffffff 88%); background-image: -ms-linear-gradient(#ffffff, #d9d9d9 50%, #d4d4d4 55%, #ffffff 88%); background-image: linear-gradient(#ffffff, #d9d9d9 50%, #d4d4d4 55%, #ffffff 88%); -moz-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.8) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.4), 0 15px 10px -5px #bfbfbf inset; -webkit-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.8) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.4), 0 15px 10px -5px #bfbfbf inset; box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.8) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.4), 0 15px 10px -5px #bfbfbf inset; -moz-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

h1.b4, a.b4, .b4 .label { padding: 15px 25px; font-size: .9em; color: #555555; font-weight: bold; }

.b4.actionable:hover { color: #000; text-shadow: white 0px 1px 0px, white 0pc -1px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.b4.actionable:active { color: #5c5c5c; -moz-border-radius: 13px; -webkit-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; }

/* home page */
#featured { position: relative; overflow: hidden; }
#featured .mask { position: relative; height: 370px; width: 850px; margin-left: 40px; overflow: hidden; }
#featured .mask .content { position: absolute; left: 0; top: 0; }
#featured article { width: 810px; margin-left: 25px; padding-top: 5px; float: left; }
#featured article h1 { text-transform: uppercase; font-size: 2.7em; line-height: 0.9em; }
#featured article p { margin-top: .5em; font-size: 1.32em; line-height: 1.2em; }
#featured article nav { margin: 20px 0 70px 0; float: left; }
#featured .pages { height: 0; }
#featured .pagination .pages ul { top: -60px; padding: 10px 0px 42px; position: relative; }

nav.devices { clear: both; }
nav.devices ul { float: left; height: 40px; }
nav.devices li { float: left; margin-right: 15px; }
nav.devices li.b2 { margin-right: 6px; margin-top: 5px; }
nav.devices li.b2 a { font-size: 0em; line-height: 0em; text-indent: -999em; zoom: 1; display: block; }
nav.devices li.b2:first-child { margin-left: 6px; }

.content-lists section, section.content-list { background: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#f3f3f3, #ffffff); background-image: -moz-linear-gradient(#f3f3f3, #ffffff); background-image: -ms-linear-gradient(#f3f3f3, #ffffff); background-image: linear-gradient(#f3f3f3, #ffffff); -moz-box-shadow: 0px 1px 4px 0px white inset, 0 2px 4px -1px #1d1d1d; -webkit-box-shadow: 0px 1px 4px 0px white inset, 0 2px 4px -1px #1d1d1d; box-shadow: 0px 1px 4px 0px white inset, 0 2px 4px -1px #1d1d1d; position: relative; float: left; }

.content-lists { margin-bottom: 20px; }
.content-lists .col { float: left; min-height: 480px; }
.content-lists .col + .col { float: right; }

.content-lists section { margin: 0px; padding: 0px 10px 20px 10px;}
.content-lists section#categories { width: 630px; /*    	
.container:target { // height added dynamically with JS
	 overflow: none;
}
*/ }
.content-lists section#categories .container { height: 0px; overflow: hidden; -moz-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.content-lists section#categories .container.getHeight { height: auto; overflow: none; }
.content-lists section#categories a { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; }
.content-lists section#categories a { *display: inline; }
.content-lists section#devices { width: 260px; margin-bottom: 5px; }
.content-lists section#devices > ul { margin-top: 10px; }
.content-lists section#devices > ul li.b2 { width: 218px; margin-bottom: 8px; margin-left: 20px; }
.content-lists section#devices > ul li.b2 a img { float: left; margin-left: -50px; }
.content-lists section#devices > ul li:last-child, .content-lists section#devices > ul li.last-child { text-align: center; margin-top: 35px; height: 50px; }
.content-lists section#devices > ul li:last-child a, .content-lists section#devices > ul li.last-child a { float: none; }
.content-lists section#sharing { -moz-border-radius: 0 0 0.6em 0.6em; -webkit-border-radius: 0 0 0.6em 0.6em; -ms-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; width: 260px; margin-top: 5px; text-align: center; clear: both; }
.content-lists section#sharing h1 { padding: 25px 5px 15px; color: #12365c; font-size: .85em; text-shadow: 0 1px 0 white, 0 -1px 0 #cccccc; }
.content-lists section#sharing iframe { margin: auto; width: 90px; height: 25px; margin-bottom: 25px; }
.content-lists section header { height: 55px; }
.content-lists section header nav { float: right; padding: 10px; }
.content-lists section article { margin-top: 3px; }
.content-lists section article.selected h1.actionable { cursor: default; }
.content-lists section article .container { width: 100%; }
.content-lists section article .container .featured-photo { float: left; margin: auto; text-align: center; width: 50%; padding: 30px 0 0 0; }
.content-lists section article .container .featured-photo img { margin: auto; }
.content-lists section article .container .device-slide { float: left; position: relative; width: auto; }
.content-lists section article .container .information { width: 50%; float: left; }
.content-lists section article .container .information > div { padding: 25px 15px 25px 0px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; }
.content-lists section article .container .information > div { *display: inline; }
.content-lists section article .container .information > div img { float: left; margin-bottom: .5em; margin-right: .5em; }
.content-lists section article .container .information > div h1 { font-size: 1.3em; color: #50565c; text-shadow: 0 -1px 0 #e9e9e9; margin: .2em 0 0 0; line-height: 1em; }
.content-lists section article .container .information > div h1.x1 { /*alignment per-row (us JS to apply)*/ margin: 1.05em 0 0 0; }
.content-lists section article .container .information > div h1.x2 { margin: .7em 0 0 0; }
.content-lists section article .container .information > div p { float: left; clear: both; font-size: 1em; color: #656565; line-height: 1.5em; margin-bottom: 1.4em; text-shadow: 0 -1px 0 white; }

.content-footer { background: #980304; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d1010), color-stop(100%, #980304)); background-image: -webkit-linear-gradient(#5d1010, #980304); background-image: -moz-linear-gradient(#5d1010, #980304); background-image: -ms-linear-gradient(#5d1010, #980304); background-image: linear-gradient(#5d1010, #980304); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 3px 5px rgba(170, 25, 26, 0.7), 0 0 0 2px white; -webkit-box-shadow: inset 0 3px 5px rgba(170, 25, 26, 0.7), 0 0 0 2px white; box-shadow: inset 0 3px 5px rgba(170, 25, 26, 0.7), 0 0 0 2px white; float: left; position: relative; clear: both; width: 100%; margin-top: 30px; margin-bottom: 10px; }
.content-footer p { color: #fff; font-weight: bold; font-size: .8em; float: left; padding: 15px; line-height: 26px; }
.content-footer p a { float: left; margin-right: 5px; }
.content-footer p + p { float: right; margin-right: 45px; }
.content-footer .icon-mobile-footer { position: absolute; right: 20px; top: -5px; }

.share { list-style: none; margin-left: 0; }
.share li { float: left; margin-right: 5px; }
.share li:first-child { margin-top: 1px; }

.device { position: relative; }
.device a { float: left; background: #fff; }
.device .foreground { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }

.device-slide { position: relative; }
.device-slide > img { pointer-events: none; z-index: 2; position: relative; }
.device-slide a { position: absolute; z-index: 1; }

.category .device, .product .device { text-align: center; width: 100%; }
.category .device a, .product .device a { margin: auto; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; }
.category .device a, .product .device a { *display: inline; }
.category .device .backing, .product .device .backing { position: relative; }
.category .device .alert, .product .device .alert { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.category .device img, .product .device img { position: relative; }

#featured .device { width: 400px; float: right; margin-left: 30px; height: 376px; }
#featured .device .container { overflow: hidden; }
#featured .information { height: 376px; display: table; }
#featured .information > div { display: table-cell; vertical-align: middle; }

.pagination .arrow { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; position: absolute; top: 50%; margin-top: -14px; left: 0px; }
.pagination .arrow .background { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.pagination .arrow:hover .background { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.pagination .arrow a { font-size: 0em; line-height: 0em; text-indent: -999em; zoom: 1; display: block; position: relative; }
.pagination .arrow + .arrow { left: auto; right: 0px; }
.pagination .center { position: relative; }
.pagination .center ul { text-align: center; }
.pagination .thumbs ul { margin-top: 2px; -moz-transition-property: left; -webkit-transition-property: left; transition-property: left; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); left: 0; }
.pagination .thumbs ul li { margin: 2px 3px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; }
.pagination .thumbs ul li { *display: inline; }
.pagination .thumbs ul li a { float: left; -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 4px solid #fff; }
.pagination .thumbs ul li img { border: 0px solid #fff; }
.pagination .thumbs ul li a.selected { border: 3px solid #4B0707; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.pagination .thumbs ul li a.selected img { border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.pagination .dots ul li { margin: 0px 5px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; }
.pagination .dots ul li { *display: inline; }
.pagination .dots ul li a { display: block; background: #fff; width: 8px; height: 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 1px 0 0 #ff9722, 0 1px 0 1px #cccccc inset; -webkit-box-shadow: 0 1px 0 0 #ff9722, 0 1px 0 1px #cccccc inset; box-shadow: 0 1px 0 0 #ff9722, 0 1px 0 1px #cccccc inset; }
.pagination .dots ul li a:hover, .pagination .dots ul li a.selected { background: #660808; -moz-box-shadow: 0 1px 0 0 #ff9722, 0 1px 0 1px #4b0707 inset; -webkit-box-shadow: 0 1px 0 0 #ff9722, 0 1px 0 1px #4b0707 inset; box-shadow: 0 1px 0 0 #ff9722, 0 1px 0 1px #4b0707 inset; }
.pagination .numbers { text-align: center; padding: 10px; margin-bottom: 20px; }
.pagination .numbers ul li { margin: 0px 5px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; }
.pagination .numbers ul li { *display: inline; }
.pagination .numbers ul li a { display: block; font-size: .9em; margin-top: 2px; font-weight: bold; padding: 7px 10px; color: #000; }
.pagination .numbers ul li a:hover, .pagination .numbers ul li a.selected { color: #232323; text-decoration: none; }

.categories .col, .product .col { z-index: 1; float: left; position: relative; margin-top: 5px; }
.categories .col:first-child, .product .col:first-child { margin-left: 10px; }
.categories .col:last-child, .product .col:last-child { float: right; margin-right: 10px; }
.categories .col:first-child, .product .col:first-child { z-index: 2; }
.categories #about, .product #about { width: 250px; }
.categories #about header, .product #about header { float: left; padding: 0px 0 0 0; }
.categories #about header img, .product #about header img { float: left; margin-bottom: 0.5em; margin-right: 0.5em; }
.categories #about header h1, .product #about header h1 { width: 250px; font-size: 1.4em; color: #fff; text-shadow: 0 -1px 0 #7c2210; margin: .3em 0 0 0; line-height: 1.1em; }
.categories #about header h1.x1, .product #about header h1.x1 { margin: 1.4em 0 0 0; }
.categories #about header h1.x2, .product #about header h1.x2 { margin: .8em 0 0 0; }
.categories #about p, .product #about p { clear: both; float: left; color: #fff; font-size: 1em; line-height: 1.5em; margin-bottom: 1.4em; text-shadow: 0 -1px 0 #7c2210; }
.categories #about .share, .product #about .share { margin-top: 10px; }
.categories #information, .product #information { margin-top: 40px; width: 240px; clear: both; }
.categories #information ul, .product #information ul { float: left; clear: both; padding: 20px; }
.categories #information ul li, .product #information ul li { color: #656565; margin-bottom: 10px; }
.categories #information ul li.title, .product #information ul li.title { font-weight: bold; margin-bottom: 4px; }
.categories #photos, .product #photos { width: 415px; color: #656565; }
.categories #photos h2, .product #photos h2 { color: #41454a; font-size: 1.4em; margin-top: 20px; padding: 0 35px; text-shadow: 0 1px 0 white, 0 -1px 0 #cccccc; }
.categories #photos .device .photo-slideshow, .categories #photos .device #photo-slideshow, .product #photos .device .photo-slideshow, .product #photos .device #photo-slideshow { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; overflow: hidden; position: relative; }
.categories #photos .device .photo-slideshow, .categories #photos .device #photo-slideshow, .product #photos .device .photo-slideshow, .product #photos .device #photo-slideshow { *display: inline; }
.categories #photos .device .photo-slideshow .handle, .categories #photos .device #photo-slideshow .handle, .product #photos .device .photo-slideshow .handle, .product #photos .device #photo-slideshow .handle { width: 800em; position: absolute; display: block; }
.categories #photos .device .photo-slideshow .foreground, .categories #photos .device #photo-slideshow .foreground, .product #photos .device .photo-slideshow .foreground, .product #photos .device #photo-slideshow .foreground { z-index: 1; }
.categories #photos .device .photo-slideshow article, .categories #photos .device #photo-slideshow article, .product #photos .device .photo-slideshow article, .product #photos .device #photo-slideshow article { float: left; }
.categories #photos ul.features, .product #photos ul.features { padding: 0 35px; list-style: disc outside none; margin-left: 1.3em; }
.categories #photos ul.features li, .product #photos ul.features li { font-size: 1.4em; margin-top: 1em; }
.categories #photos ul.features li p, .product #photos ul.features li p { text-shadow: 0 1px 0 white, 0 -1px 0 #cccccc; color: #41454a; font-size: .7em; line-height: 1.6em; }
.categories #photos .no-device, .product #photos .no-device { min-height: 374px; }
.categories #photos .no-device .content, .product #photos .no-device .content { margin-left: 50%; position: absolute; }
.categories #photos .no-device img, .product #photos .no-device img { margin-left: -50%; }
.categories #recommendations, .product #recommendations { width: 240px; }
.categories #recommendations nav.devices, .product #recommendations nav.devices { position: absolute; top: -20px; right: 0px; }
.categories #recommendations > ul, .product #recommendations > ul { padding: 22px; }
.categories #recommendations > ul.hidden, .product #recommendations > ul.hidden { display: none; }
.categories #recommendations > ul li, .product #recommendations > ul li { display: inline-block; -moz-box-orient: top; vertical-align: top; margin-top: 20px; }
.categories #recommendations > ul li img, .product #recommendations > ul li img { float: left; margin-right: 0.5em; }
.categories #recommendations > ul li h1, .product #recommendations > ul li h1 { color: #41454a; font-size: 1.0em; text-shadow: 0 1px 0 white, 0 -1px 0 #cccccc; margin: .2em 0 0 0; line-height: 1.1em; }
.categories #recommendations > ul li h1.x1, .product #recommendations > ul li h1.x1 { /*alignment per-row (us JS to apply)*/ margin: 1.45em 0 0 0; }
.categories #recommendations > ul li h1.x2, .product #recommendations > ul li h1.x2 { margin: 1em 0 0 0; }
.categories #recommendations > ul li h1.x3, .product #recommendations > ul li h1.x3 { margin: .3em 0 0 0; }
.categories #recommendations > ul li p, .product #recommendations > ul li p { color: #656565; float: left; clear: both; font-size: 0.85em; line-height: 1.4em; text-shadow: 0 1px 0 white, 0 0 1px #CCCCCC; padding: 5px; margin-bottom: 5px; }
.categories #help, .product #help { width: 240px; margin: 40px 0; }
.categories #help ul, .product #help ul { margin: 15px 0; }
.categories #help ul li.b2, .product #help ul li.b2 { width: 200px; margin-left: 20px; }
.categories #help ul li.b2 a, .product #help ul li.b2 a { padding-left: 25px; }
.categories #availability, .product #availability { width: 240px; margin-bottom: 40px; }
.categories #availability .category, .product #availability .category { margin: 20px 0; }
.categories #availability .category h1, .product #availability .category h1 { margin-bottom: 10px; }
.categories #availability .category h1 span, .product #availability .category h1 span { color: #f7a87f; }
.categories #availability h1, .categories #availability h2, .product #availability h1, .product #availability h2 { font-size: 1.15em; color: #fff; text-shadow: 0 -1px 0 #7c2210; margin: 0; line-height: 1.1em; }
.categories #availability h2, .product #availability h2 { float: left; clear: both; margin-bottom: 6px; }
.categories ul.menu, .product ul.menu { float: left; clear: both; margin-top: 10px; }
.categories ul.menu li.b2, .product ul.menu li.b2 { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; width: 240px; margin-bottom: 8px; margin-left: 0px; position: relative; padding: 4px; -moz-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /*
&.arrow:hover a, &.arrow.selected a {
	color:#fff;
	text-shadow:0 1px 0 rgba(#000,.5), 0 -1px 0 #000;
	@include box-shadow(0px 0px 8px 5px rgba(#000,.5) inset);
	@include background-image( linear-gradient(rgba(#000,.5), rgba(#000,.8)));
	@include border-radius(4px);
}			
*/ }
.categories ul.menu li.b2.arrow a:after, .product ul.menu li.b2.arrow a:after { background-position: 0 -400px; height: 12px; width: 11px; display: block; content: ""; top: 20px; right: 20px; position: absolute; }
.categories ul.menu li.b2.arrow a:after:hover, .categories ul.menu li.b2.arrow a:after.button-arrow-right_hover, .categories ul.menu li.b2.arrow a:after.button-arrow-right-hover, .product ul.menu li.b2.arrow a:after:hover, .product ul.menu li.b2.arrow a:after.button-arrow-right_hover, .product ul.menu li.b2.arrow a:after.button-arrow-right-hover { background-position: 0 -432px; }
.categories ul.menu li.b2.arrow:hover a:after, .categories ul.menu li.b2.arrow.selected a:after, .product ul.menu li.b2.arrow:hover a:after, .product ul.menu li.b2.arrow.selected a:after { background-position: 0 -432px; height: 12px; width: 11px; }
.categories ul.menu li.b2.arrow a, .product ul.menu li.b2.arrow a { padding-left: 15px; }
.categories ul.menu li.b2.go a, .product ul.menu li.b2.go a { line-height: 40px; padding-left: 15px; }
.categories ul.menu li.b2.go a span, .product ul.menu li.b2.go a span { font-size: 0.9em; margin-top: 8px; padding: 3px 9px; text-transform: uppercase; }
.categories ul.menu li.b2:active, .product ul.menu li.b2:active { -moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.4) inset; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.4) inset; }
.categories ul.menu li.b2.selectable:hover:before, .categories ul.menu li.b2.selected:before, .product ul.menu li.b2.selectable:hover:before, .product ul.menu li.b2.selected:before { position: absolute; left: 4px; top: 4px; height: 50px; width: 240px; display: block; content: "\00a0"; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.5) inset; box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.5) inset; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.8))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)); }
.categories ul.menu li.b2.selectable:hover a, .categories ul.menu li.b2.selected a, .product ul.menu li.b2.selectable:hover a, .product ul.menu li.b2.selected a { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 black; }
.categories ul.menu li.b2.selectable:hover a span, .categories ul.menu li.b2.selected a span, .product ul.menu li.b2.selectable:hover a span, .product ul.menu li.b2.selected a span { -moz-box-shadow: 0px 0px 1px 2px white, 0 -1px 4px black inset, 0 3px 3px rgba(255, 255, 255, 0.4) inset; -webkit-box-shadow: 0px 0px 1px 2px white, 0 -1px 4px black inset, 0 3px 3px rgba(255, 255, 255, 0.4) inset; box-shadow: 0px 0px 1px 2px white, 0 -1px 4px black inset, 0 3px 3px rgba(255, 255, 255, 0.4) inset; color: #e0e0e0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1); }
.categories ul.menu li.b2.expanded, .product ul.menu li.b2.expanded { background: #ebebeb; }
.categories ul.menu li.b2.instructions div, .product ul.menu li.b2.instructions div { text-indent: 0; display: none; padding: 10px 15px 15px; font-size: 0.8em; line-height: 1.3em; text-shadow: 0 1px 1px #FFFFFF; }
.categories ul.menu li.b2 a, .product ul.menu li.b2 a { color: #3d3b3b; font-weight: bold; display: block; width: auto; height: auto; text-decoration: none; line-height: 50px; padding-left: 50px; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.categories ul.menu li.b2 a:active, .product ul.menu li.b2 a:active { color: #545454; }
.categories ul.menu li.b2 a:active span, .product ul.menu li.b2 a:active span { -moz-box-shadow: 0 0 1px black, 0 0 0 black inset, 0 9px 0 rgba(255, 255, 255, 0.1) inset; -webkit-box-shadow: 0 0 1px black, 0 0 0 black inset, 0 9px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 0 1px black, 0 0 0 black inset, 0 9px 0 rgba(255, 255, 255, 0.1) inset; color: #c2c2c2; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2); }
.categories ul.menu li.b2 a span, .product ul.menu li.b2 a span { background: #5a5a5a; color: #fff; float: right; padding: 2px 10px 2px 10px; font-size: .8em; line-height: 1.8em; margin-top: 13px; margin-right: 15px; text-shadow: 0 1px 0 #000; -moz-box-shadow: 0px 1px 1px white, 0 4px 10px black inset, 0 10px 1px rgba(255, 255, 255, 0.1) inset; -webkit-box-shadow: 0px 1px 1px white, 0 4px 10px black inset, 0 10px 1px rgba(255, 255, 255, 0.1) inset; box-shadow: 0px 1px 1px white, 0 4px 10px black inset, 0 10px 1px rgba(255, 255, 255, 0.1) inset; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; position: relative; }
.categories ul.menu li.b2 a span.download:after, .product ul.menu li.b2 a span.download:after { content: ""; display: block; width: 15px; height: 19px; float: right; margin-left: 8px; margin-top: 3px; background-position: 0 -727px; height: 19px; width: 15px; }
.categories ul.menu li.b2 a span.arrow:after, .product ul.menu li.b2 a span.arrow:after { content: ""; display: block; width: 15px; height: 15px; float: right; margin-left: 8px; margin-top: 5px; background-position: 0 -692px; height: 15px; width: 14px; }
.categories ul.menu li.b2 a img, .product ul.menu li.b2 a img { float: left; margin-left: -50px; }
.categories ul.menu.carriers li.b2, .product ul.menu.carriers li.b2 { text-indent: -999em; }
.categories ul.menu.carriers li.b2 span, .product ul.menu.carriers li.b2 span { text-indent: 0em; }
.categories .pagination, .product .pagination { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; position: absolute; clear: both; margin-top: -300px; margin-left:180px;}
.categories .pagination .arrow-container, .product .pagination .arrow-container { position: relative; width:340px;}
.categories .pagination .arrow, .product .pagination .arrow { left: 0px; }
.categories .pagination .arrow + .arrow, .product .pagination .arrow + .arrow { right: 3px; left: auto; }
.categories .pagination .dots, .product .pagination .dots { margin-top: 280px; }
.categories .pagination .dots ul li a, .product .pagination .dots ul li a { -moz-box-shadow: 0 1px 0 0 white, 0 1px 0 0 rgba(29, 29, 29, 0.5) inset; -webkit-box-shadow: 0 1px 0 0 white, 0 1px 0 0 rgba(29, 29, 29, 0.5) inset; box-shadow: 0 1px 0 0 white, 0 1px 0 0 rgba(29, 29, 29, 0.5) inset; }
.categories .pagination .dots ul li a:hover, .categories .pagination .dots ul li a.selected, .product .pagination .dots ul li a:hover, .product .pagination .dots ul li a.selected { -moz-box-shadow: 0 1px 0 0 white, 0 1px 0 1px #4b0707 inset; -webkit-box-shadow: 0 1px 0 0 white, 0 1px 0 1px #4b0707 inset; box-shadow: 0 1px 0 0 white, 0 1px 0 1px #4b0707 inset; }
.categories .pagination .thumbs, .product .pagination .thumbs { overflow: hidden; margin: auto; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; }
.categories .pagination .thumbs ul, .product .pagination .thumbs ul { width: 999em; position: relative; }
.categories .pagination .thumbs ul a, .product .pagination .thumbs ul a { background: #fff; }
.categories.portrait .col + .col + .col, .product.portrait .col + .col + .col { margin-left: 10px; }
.categories.landscape .col + .col, .product.landscape .col + .col { width: 650px; }
.categories.landscape .pagination .arrow-container, .product.landscape .pagination .arrow-container { width: 450px; margin: auto; }
.categories.landscape #photos, .product.landscape #photos { width: 100%; }
.categories.landscape #photos h2, .categories.landscape #photos ul.features, .product.landscape #photos h2, .product.landscape #photos ul.features { padding: 0 60px; }
.categories.landscape #information, .product.landscape #information { width: 85%; float: none; margin: 40px auto; }
.categories.landscape #recommendations, .product.landscape #recommendations { width: 85%; float: none; margin: 30px auto; }
.categories.landscape #recommendations > ul, .product.landscape #recommendations > ul { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; padding: 22px 0; }
.categories.landscape #recommendations > ul, .product.landscape #recommendations > ul { *display: inline; }
.categories.landscape #recommendations > ul li, .product.landscape #recommendations > ul li { width: 230px; margin: 10px 20px; display: inline-block; }

.categories #availability { margin-right: 10px; float: left; }
.categories #availability .menu { margin-bottom: 30px; }
.categories #photos { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; color: #fff; width: 400px; }
.categories #photos { *display: inline; }
.categories #photos .mask.category.selected { -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; }
.categories #photos .mask.category { -moz-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.categories #photos .mask.category .content { -moz-transition-property: left; -webkit-transition-property: left; transition-property: left; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.categories #photos .mask { float: left; width: 680px; overflow: hidden; }
.categories #photos .mask .content { left: 0; width: 999em; z-index: 1; position: relative; }
.categories #photos article { float: left; width: 680px; text-align: center; }
.categories #photos .photo { position: relative; z-index: 2; width: auto; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; }
.categories #photos .photo { *display: inline; }
.categories #photos .portrait .information { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 1%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 1%); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 1%); background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 1%); }
.categories #photos .landscape .information { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(6%, rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 6%); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 6%); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 6%); background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 6%); }
.categories #photos .information { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; text-align: left; vertical-align: top; width: 255px; padding: 15px 15px 15px 30px; margin-top: 45px; margin-left: -20px; position: relative; z-index: 1; }
.categories #photos .information { *display: inline; }
.categories #photos h1 { font-size: 1.4em; margin-top: 1.0em; }
.categories #photos p { margin-top: 0.5em; font-size: 1.0em; line-height: 1.5em; padding: 5px; }
.categories #photos nav { margin: 1.5em 0; }
.categories #photos nav.pagination { width: 100%; float: left; margin: -25px 0 25px; position: relative; z-index: 1; }
.categories #photos nav .label { margin-right: 0px; font-size: .8em; padding: 12px 10px; margin-top: 1px; }
.categories #photos .landscape .information { margin: 20px auto 15px; padding: 10px 15px 15px; width: 430px; }
.categories #recommendations { width: 100%; z-index: 2; float: left; margin: 30px auto; }
.categories #recommendations > ul { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; padding: 5px; clear: both; float: left; }
.categories #recommendations > ul { *display: inline; }
.categories #recommendations > ul li { margin: 20px; width: 265px; display: inline-block; }

#documentation { position: absolute; border: 1px solid blue; width: 500px; height: 500px; z-index: 100; background: #fff; }