Font Awesome icon usage statistics

  • 7 types of Font Awesome iconic font are used and found 7 times in total.
  • TRACKITDOWN.NET used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of TRACKITDOWN.NET are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • TRACKITDOWN.NET includes "https://d33yltq05bdjmc.cloudfront.net/min/20141123192128/style-v2.css" to use Font Awesome and information from CSS is like below.
  • /**/div.trackListFilter
    div.filter{text-align:left;float:left;padding-right:10px}div.filter
    label{margin-top:10px;margin-bottom:-2px;font-size:0.9em;display:block}.trackListFilterDecoration{position:relative;top:0px;left:300px;display:inline-block;height:0px;width:0px;margin:0px;padding:0px;border-top:15px solid #eee;border-left:15px solid #fff;border-right:15px solid #fff;border-bottom:0px solid #fff;z-index:1}div.autoCompleteDropDown{position:absolute;background-color:#fff;border:1px
    solid #bbb;margin:0px;padding:0px;z-index:10000}div.autoCompleteDropDown
    ul{list-style-type:none;margin:0px;padding:0px;color:#000}div.autoCompleteDropDown ul
    li{color:#000;border-bottom:1px solid #ccc}div.autoCompleteDropDown ul li
    a{font-weight:normal}div.autoCompleteDropDown ul
    li.selected{background-color:#ffb;color:#000}.merchRow, .yui-g .yui-gb.merchRow{width:100%}.merchRow
    .merchItem{position:relative}.merchItem
    div.productImage{width:144px;height:144px;border:1px
    solid #bbb;background:#fff;margin:10px
    10px 10px 0;padding:0;text-align:center;line-height:140px}.merchItem div.productImage
    img{padding:0;margin:0;vertical-align:middle}.merchItem
    div.title{margin-bottom:10px}.merchItem div.title
    a{font-size:100%;font-weight:bold;text-decoration:none}.merchItem div.title a:hover{text-decoration:underline}.merchItem
    div.description{font-size:85%;margin-bottom:-1.2em}.merchItem .sale, .cover
    .sale{position:absolute;top:13px;right:48px;width:38px;height:38px;padding-top:3px;background:transparent url('https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/merch_sale_bg.png') top left no-repeat;z-index:101;text-indent:-9999px}.productImage
    .sale{position:absolute;top:5px;left:5px;width:86px;height:86px;padding-top:3px;background:transparent url('https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/merch_sale_bg_large.png') top left no-repeat;z-index:101;text-indent:-9999px}.content
    .sale{float:right;width:86px;height:86px;padding-top:3px;background:transparent url('https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/merch_sale_bg_featured.png') top left no-repeat;z-index:101;text-indent:-9999px}html body div#loginBox .loginForm .formField
    input{margin-bottom:3px}* + html body div#loginBox
    input#rememberMeBig{margin-left:-4px !important}del{text-decoration:line-through;color:#999}span.sale_price{color:#f00;font-weight:bold}p.sale_details{font-size:0.8em;color:#666}ul#failure_reasons{margin-bottom:1.5em}ul#failure_reasons
    li{list-style-type:disc;margin-left:2em;margin-bottom:5px}#progress_bar{width:102px;height:7px;border:1px
    solid #ccc;padding:0;margin:0;position:relative;background-image:url('https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/misc/progress_bar.gif');background-repeat:repeat-x}#progress_bar
    div{background-color:#fff}.delButton
    input{background-color:#f22;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;width:16px;height:16px;color:#fffffe;font-weight:bold;font-size:1.1em}div.staticContent{margin:0px
    40px}.staticContent
    ol{list-style-type:decimal;list-style-position:outside;margin-left:40px}.staticContent ol
    li{list-style-position:outside;list-style-type:decimal;padding-bottom:20px}p.dataField{display:inline-block;float:left;width:49%;height:3.5em}p.dataFieldSmall{display:inline-block;float:left;height:3.5em;padding-right:20px}p.dataField label,p.dataFieldSmall label,.genreTags{font-size:smaller}p.dataField
    a{text-decoration:none;font-weight:bold;color:#000}p.dataField a:hover{text-decoration:none;font-weight:bold;color:#333}#trackDetailCoverImage{position:absolute;top:10px;width:170px}#trackDetailTextualDetails{position:relative;left:170px;width:430px;min-height:160px}#trackDetailBox{background:#eee;position:relative;background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee));background-image:-moz-linear-gradient(top, #ddd, #eee);background-image:-o-linear-gradient(top, #ddd, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#eeeeee');zoom:1;padding:10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}.catalogueDetail{margin-top:15px;display:inline-block}div.trackListContainer{background:#eee;position:relative;padding:0px
    0px 0px 0px;margin-top:20px;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px}div.trackListContainer
    h3{font-size:1.5em}div.trackListContainer
    div.tracklistHeader{padding:10px}.smallShareButtons{height:25px;postion:relative}.smallTwitterButton{position:relative;top:3px}.smallGoogleButton{position:relative;top:3px}.smallFbLikeButton{position:relative}.favouritesButton{font-size:smaller}.favouritesButton:hover{text-decoration:none}.favouritesButton .icon-heart{color:#ff3170}div.loading{background-color:white;border-radius:12px}div.loading>p{background:url('https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/spinner_white_bg.gif') left no-repeat;padding:20px;margin:20px}html{background:#d1d1d1;color:#222}body{margin:20px
    0 40px 0;background-color:#d1d1d1}h1{line-height:25px;color:#222}a:hover{text-decoration:underline}#mpu{margin-top:10px;margin-bottom:10px}.rightColumn
    .checkout{padding:5px
    10px}#custom-doc{margin:auto;text-align:left;width:74.1538462em;*width:72.3001808em;min-width:964px}#mainContentForPage{position:relative;float:left;width:47.6923077em;*width:46.5001163em;max-width:620px;min-height:60em;padding:13px
    0 30px 11px;margin:0}#rightCol{width:23.3846154em;*width:22.800057em;min-width:304px}#sosumi{clear:both;padding:10px
    20px 10px 20px;color:#999;font-size:80%}#sosumi
    a{color:#818181}#basketLogin{color:#818182;clear:both}#basketLogin
    a{color:#fffffe;text-decoration:none}#basketLogin a:hover{color:#fffffe;text-decoration:underline}#basketLogin a.btn:hover{text-decoration:none}#basketLoginHeadings,#smallLoginForm,#loggedInItems,#basketSummary{padding:5px
    10px 5px 10px}#smallLoginForm,#loggedInItems,#basketSummary{border-top:1px solid #4d4d4c;background:#000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#262625', endColorstr = '#000001');background:-webkit-gradient(linear, left top, left bottom,from(#262625),to(#000001));background:-moz-linear-gradient(top,#262625,#000001);background:-o-linear-gradient(top,#262625,#000001)}#basketLoginHeadings{position:relative;z-index:27;top:-2px;padding-top:0;padding-bottom:3px}#basketLoginHeadings
    h4{display:inline;color:#fffffe;text-transform:uppercase;font-weight:bold;font-size:85%;margin-right:10px}#smallLoginForm,#loggedInItems{font-size:85%}#basketSummary{font-size:85%}div.rightColumn{background-color:#000001;margin:7px
    0 0 0;padding:5px
    0 0 0;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px
    solid #000001;width:299px}#smallLoginForm
    form{margin-top:10px;margin-bottom:10px}#smallLoginForm
    p.formLabel{float:left;width:100px;margin-right:10px;padding:2px;text-align:right}#smallLoginForm
    p.formLabel{float:left;padding:2px}#loginBoxLostPassword{clear:both;margin-top:10px}#loginBoxForm
    input{font-size:1.0em;width:auto}#loginBoxForm
    label{font-size:1.0em}#smallLoginForm ul.error, #basketSummary
    ul.error{background:url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/login-box-error.png") top left no-repeat;color:#fff;font-weight:bold;padding:5px
    0 5px 35px;min-height:25px;border-bottom:1px solid #222221;margin-bottom:10px}#contentTabs{clear:left;background:#eee;background-image:-o-linear-gradient(rgb(100, 100, 100), rgb(200, 200, 200));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dddddd');background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));background:-moz-linear-gradient(top, #fff, #ddd);background:-o-linear-gradient(top, #fff, #ddd);width:641px;margin-left:-11px;margin-bottom:0;height:35px}#contentTabs
    ul{padding-bottom:20px}#contentTabs
    a{padding:3px
    11px 3px 6px}strong{font-weight:bold;color:#000}.rightColumn
    strong{color:#fffffe}div#youtubempu{height:184px}#trackBadges{position:relative;width:618px;height:100px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000001;border:1px
    solid #000001;margin:0;padding:6px
    0 0}#trackBadges
    .container{width:600px;height:92px;position:absolute;overflow:hidden;left:13px}#trackBadges
    ul{margin:0;padding:0;width:100000px;position:absolute;top:0;left:18px;height:92px}#trackBadges ul
    li{width:200px;height:92px;text-align:center;list-style:none;float:left;padding:0;margin:0;text-align:left}#trackBadges
    .previous_button{}#trackBadges
    .button{position:absolute;width:12px;height:92px;z-index:100;cursor:pointer;border-radius:3px;background-color:#ddd;box-shadow:inset 0 0 3px #000}#trackBadges .button
    span{position:absolute;display:inline-block;height:0;width:0;margin:0;padding:0;top:42px;border:4px
    solid rgba(255, 255, 255, 0)}#trackBadges .previous_button
    span{border-right:4px solid #000}#trackBadges
    .previous_button_over{background-color:#aaa}#trackBadges
    .previous_button_disabled{cursor:default}#trackBadges
    .next_button{left:605px}#trackBadges .next_button
    span{left:4px;border-left:4px solid #000}#trackBadges
    .next_button_over{background-color:#aaa}#trackBadges
    .next_button_disabled{cursor:default}.descriptionEditor
    textarea{width:95%}.mainBody{background-color:#fff;margin-top:7px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px
    solid #bcbcbc;width:641px;padding:0}.rightColumn
    h3{text-transform:uppercase;font-weight:bold;font-size:85%;color:#fffffe;line-height:15px}.rightColumn
    h2{line-height:15px}.ticketChart
    a{color:#000}a.btn{text-decoration:none}a.btn:hover{text-decoration:none}legend{font-size:18px}#trackDetailBox{color:#222}.bodyText ul
    li{list-style-type:disc;list-style-position:outside;margin-left:20px;padding:5px
    10px 5px 0px}.featuredText{margin-bottom:20px}.bodyText ol
    li{list-style-type:decimal;list-style-position:outside;margin-left:20px;padding:5px
    10px 5px 0px}#socialbookmarking{clear:right;background-color:#e8e8e8;border:1px
    solid #bbb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#socialbookmarking
    ul{}#socialbookmarking ul
    li{font-size:85%}.actionBox{background:#f1f1f2;border:1px
    solid #bbbbbc;padding:10px;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#000001}div.flashMessage{margin:-7px 0 10px 0}table#homeTable
    a.newsLink{color:#666}table#homeTable a.newsLink
    strong{color:#000}.top10Num{display:inline-block;width:30px;height:28px;padding-top:5px;color:#FFFFFE;font-size:153.9%;font-weight:700;text-align:center;border:1px
    solid #555554;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#373736;background-image:-webkit-gradient(linear, left top, left bottom, from(#444443), to(#262625));background-image:-moz-linear-gradient(top, #444443, #262625);background-image:-o-linear-gradient(top, #444443, #262625)}.merchItem
    .top10Num{position:absolute;top:13px;left:3px;padding-top:3px;z-index:101;border:1px
    solid #444;background-image:-webkit-gradient(linear, left top, left bottom, from(#bbb), to(#222));background-image:-moz-linear-gradient(top, #bbb, #222);background-image:-o-linear-gradient(top, #bbb, #222);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bbbbbb', endColorstr = '#222222');zoom:1}.sale{width:32px;height:32px;padding-top:5px;color:#f00;font-size:153.9%;font-weight:700;text-align:center}ul.moreLinks{margin-bottom:40px}ul.moreLinks
    a{color:#666;font-size:85%;text-decoration:none}ul.moreLinks a:hover{text-decoration:underline}ul.moreLinks
    .highlight{color:#FF3171;text-transform:uppercase}.games ul.moreLinks
    .highlight{color:#319cff}.merchandise ul.moreLinks
    .highlight{color:#ffe400}.dj_hardware ul.moreLinks
    .highlight{color:#3ed204}#creditCards{text-align:center;margin:40px
    0 0 0;padding-top:10px}.addToBasket
    *{-moz-outline:none}img.feature{border:1px
    solid #666;box-shadow:1px 1px 2px #999;-webkit-box-shadow:1px 1px 2px #999;-moz-box-shadow:1px 1px 2px #999}.infoTable
    td{text-align:left;vertical-align:top;padding:5px;border-bottom:1px solid #eee}.infoTable tr
    td{border-top:1px solid #eee}.infoTable tr.even
    td{background:#f9f9f9}.infoTable tr.odd
    td{background:#fff}#trackDetailTable{background:#eee;background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));background-image:-moz-linear-gradient(top, #eee, #fff);background-image:-o-linear-gradient(top, #eee, #fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff');zoom:1}.adminBox{padding:10px;border:1px
    solid #666;border-radius:6px;background:#eee;margin:10px
    0}.adminBox
    a{font-weight:700;color:#FF3171}.adminBox a:hover{color:#fff;background:#000;text-decoration:none}input#newCustomer,input#returningCustomer{border:none;padding:0}span.manditory{color:#FF3171;font-weight:700}.highlight{color:#FF3171}.music
    .highlight{color:#FF3171}.merchandise
    .highlight{color:#000}.dj_hardware
    .highlight{color:#3ed204}.games
    .highlight{color:#319cff}div.subtotal{float:right;text-align:right;margin-right:10px}div.subtotal
    strong{text-transform:uppercase;color:#FF3171;margin-top:10px}.music div.subtotal
    strong{color:#ff3171}.games div.subtotal
    strong{color:#319cff}.merchandise div.subtotal
    strong{background:#ffe400;color:#000}.dj_hardware div.subtotal
    strong{color:#3ed204}div.subtotal
    img{margin-top:10px}form#voucher{float:left;width:300px;padding:10px;font-size:93%;margin-top:20px}form#voucher
    input{margin:5px
    0;width:250px}div.basketAlerts{margin-bottom:20px}#mainContentForPage div.basketErrors
    p{margin-bottom:0}div.basketErrors
    ul{margin-bottom:10px}a.more{color:#333;text-transform:uppercase;font-size:80%;font-weight:700}a.more
    span{color:#FF3171}table.moreLinks{table-layout:fixed;width:100%;margin-top:10px;border-collapse:collapse;border:0;padding:0}table.moreLinks
    a{color:#FF3171;text-transform:uppercase;font-size:80%;font-weight:700}#sitemap{color:#999}#sitemap
    a{color:#000}table.listTable{border-collapse:collapse;border:1px
    solid #ccc;border-bottom:0;width:100%}table.listTable
    th{color:#fff;background:#818181;font-size:77%;font-weight:700;padding:2px
    4px;margin-right:1px;border:0;border-left:1px solid #ccc}table.listTable
    td{padding:4px;border-bottom:1px solid #ccc}table.listTable
    td.number{text-align:right}table.listTable tr.even
    td{background:#f9f9f9}table.listTable tr.odd
    td{background:#fff}table.publicPlaylist
    td{font-size:90%}table.publicPlaylist td
    strong{font-size:1.1em}table.publicPlaylist .queuePlayerLink, table.publicPlaylist
    .playNowLink{margin:5px
    5px 0 0;float:left}#embedForm
    input{width:250px}table.default{border-collapse:collapse;border:0}table.default
    td{padding:0;vertical-align:top}h1.pageTitle,h2.sectionTitle,h2.pageTitle,h3.sectionTitle{color:#696969;font-size:138.5%;font-weight:400;padding:0}h1.pageTitle
    span.subHead{color:#FF3171}h1.pageTitle,h2.pageTitle{margin:0
    0 10px 0}h2.sectionTitle{margin:10px
    0 10px 0}h3.sectionTitle{margin:10px
    0 10px 0;font-size:123.1%}h2.trackDetailTitle, h2.trackDetailTitle
    a{color:#818181;font-size:123.1%;font-weight:700;margin:0;padding:0}form.inplaceeditor-form{display:inline}p#reg_offer{font-size:161.6%;background:#000;color:#666;padding:15px;font-weight:bold;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}p#reg_offer
    strong{color:#fff}ul.collectionSortList{width:590px;height:auto;margin:0;margin-top:10px;padding:0;list-style-type:none;border:1px
    solid #818181;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}ul.collectionSortList
    li{list-style-type:none;height:80px;color:#000;font-size:85%;clear:left;margin:0;padding:5px;border-bottom:1px dotted #ccc;width:580px;cursor:move;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}ul.collectionSortList
    li.highlight{background-color:#f6f6f6}ul.collectionSortList li
    span.delButton{display:block;float:right;cursor:hand;cursor:pointer}ul.collectionSortList li
    span.position{float:left;cursor:move;width:30px;height:28px;padding-top:5px;color:#fff;font-size:153.9%;font-weight:700;text-align:center;border:1px
    solid #aaa;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#A6A6A6;background-image:-webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#BBBBBB));background-image:-moz-linear-gradient(top, #D9D9D9, #BBBBBB);background-image:-o-linear-gradient(top, #D9D9D9, #BBBBBB);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#D9D9D9', endColorstr = '#BBBBBB');zoom:1;box-shadow:1px 1px 1px #999;-webkit-box-shadow:1px 1px 1px #999;-moz-box-shadow:1px 1px 1px #999}ul.collectionSortList li
    span.handle{float:left;width:80px;padding-left:5px}ul.collectionSortList li span.handle
    img{border:1px
    solid #ddd}ul.collectionSortList li
    span.details{float:left;width:450px}a#buy_gc{margin:0
    auto;display:block;margin-top:5px;padding-top:5px;padding-bottom:5px;padding-left:25px;color:#999;line-height:24px;border-top:1px solid #333;background:url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/icons/new_star_on_black.gif") center left no-repeat}#secureinfo{padding-top:30px}ul.subTab{margin:0
    0 20px 0;list-style:none}ul.subTab
    li{display:inline}ul.subTab li
    a{float:left;display:block;padding:3px
    14px 3px 9px;border:1px
    solid #bbb;text-decoration:none;background:#f1f1f1;margin:0
    10px 0 0}ul.subTab li a:hover{background-color:#ddd}h2{margin-top:0}div.autoCompleteDropDown{background:transparent url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/autocomplete_dropdown_top.png") top left no-repeat;margin:-3px 0 0 -20px}div.autoCompleteDropDown
    ul{background:transparent url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/autocomplete_dropdown_bottom.png") bottom left no-repeat}div.autoCompleteDropDown ul li,
    div.autoCompleteDropDown ul
    li.selected{border-bottom:1px solid #eeeeef;padding:3px
    5px 3px 5px}span.new_entry,span.non_mover,span.up,span.down,span.comment{font-size:80%}span.up{color:#090}span.down{color:#900}span.comment{color:#333}div.topButton{float:right;position:absolute;top:14px;right:20px;z-index:20}a.topButton{float:right}#rightCol
    .rightColContainerTop{margin:0;vertical-align:bottom}#rightCol
    .rightColContainerBottom{margin:0;vertical-align:top}#rightCol
    .rightColContainer{padding:0
    10px 10px 10px}#rightCol
    .promoBox{position:relative}#rightCol .promoBox
    a{text-decoration:none}#rightCol .promoBox
    p{color:#ddd;text-decoration:none}#rightCol .promoBox a:hover{text-decoration:underline}#rightCol .promoBox.black
    a{color:#fffffe}#rightCol .promoBox
    h3.rightColTitle{color:#818181;font-size:85%;font-weight:bold;text-transform:uppercase;margin-bottom:10px}#rightCol .promoBox
    h2{color:#818181;font-size:99%;font-weight:bold;margin-bottom:10px}#rightCol .promoBox
    .info{display:inline-block;width:150px}#rightCol .promoBox .info
    p{font-size:smaller}#rightCol .promoBox
    div.cover{display:inline-block;text-align:center;width:100px;margin-right:10px;vertical-align:top}p#breadcrumb{font-size:77%;margin-bottom:20px;font-weight:bold}p#breadcrumb a, p#breadcrumb
    span{position:relative;padding:1px
    15px;background:url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/breadcrumb-bg-merchandise.png") no-repeat transparent;background-position:100% 12%;color:#fff;text-decoration:none}p#breadcrumb
    .first{padding-left:10px;background-position:100% 88%}p#breadcrumb a:hover{background-position:100% 50%;color:#fff}.music p#breadcrumb
    .first{background-image:url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/breadcrumb-bg-music.png")}.merchandise p#breadcrumb
    .first{background-image:url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/breadcrumb-bg-merchandise.png");color:#818181}.merchandise p#breadcrumb .first:hover{color:#fff}p#breadcrumb
    .link1{z-index:10;left:0}p#breadcrumb
    .link2{z-index:9;left:-10px}p#breadcrumb
    .link3{z-index:8;left:-20px}p#breadcrumb
    .link4{z-index:7;left:-30px}p#breadcrumb
    .link5{z-index:6;left:-40px}p#breadcrumb
    .link6{z-index:5;left:-50px}p#breadcrumb
    .link7{z-index:4;left:-60px}p#breadcrumb
    .link8{z-index:3;left:-70px}p#breadcrumb
    .link9{z-index:2;left:-80px}p#breadcrumb
    .link10{z-index:1;left:-90px}div.brandBlurb
    img.brandLogo{float:left;padding:0
    10px 10px 0}.hardwareBrands{width:100%}.hardwareBrandItem{padding:0
    10px 20px 0;text-align:center}.hardwareBrandItem div.logoImage
    a{font-size:150%;font-weight:bold;text-decoration:none}.hardwareBrandItem div.logoImage a:hover{text-decoration:underline}.hardwareBrandItem div.logoImage
    img{}.hardwareBrandItem div.description
    span.numProducts{font-size:85%}#checkoutStages,#checkoutStagesPaypal{display:block;list-style:none;list-style-image:none;list-style-type:none;height:258px;width:304px;margin:0;padding:20px
    0 0}#checkoutStages li, #checkoutStagesPaypal
    li{list-style:none;height:50px;margin:0;padding:0;color:#ddddde}#checkoutStages li.current span, #checkoutStagesPaypal li.current
    span{font-size:120%;font-weight:bold;color:#FF3171}#basketSummary,#checkoutStages,#loginBox{margin-bottom:0}.description>ul>li{list-style-image:none;list-style-position:outside;list-style-type:disc;margin-bottom:1em;margin-left:2em}.description>ul>li>ul>li{list-style-image:none;list-style-position:outside;list-style-type:disc;margin-bottom:1em;margin-left:4em}html body #trackDetailTable ul, html body #trackDetailTable
    ol{margin-left:20px}html body #trackDetailTable ul
    li{list-style:disc outside none !important}html body #trackDetailTable ol
    li{list-style:decimal outside none !important}form.login fieldset
    legend{font-size:125%;font-weight:bold;padding-bottom:10px}form.login
    fieldset{margin:20px}form.login fieldset
    label{padding-left:5px}div.rating_wrapper{float:left;margin-right:10px}ul.bannerSpecList{margin-bottom:1.5em}ul.bannerSpecList
    li{list-style-type:disc;margin-left:1em}p.question{font-weight:bold}a.fbLike{width:350px;height:35px;display:block}table.proSavings{float:right}table.proSavings td,
    table.proSavings
    th{padding:5px;font-size:120%;text-align:right}table.proSavings
    tr{border-bottom:1px solid #aaa}table.proSavings tbody:first-child{border-top:1px solid #aaa}table.proSavings
    td.highlight{background-color:#ddd;color:#000}div.proBasketInfo{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px
    solid #ddd;background-color:#ddd;display:block;padding:10px;margin-bottom:20px}#basketSubTotal,#basketTotal{font-size:larger}#homeFeatureBox{position:relative;width:100%;height:452px}#homeFeatureAdminBox div.image,
    #homeFeatureBox a.image,
    #homeFeatureBox
    div.image{position:absolute;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px
    solid #ccc;background-position:top left;width:99px;height:99px;text-decoration:none;background-repeat:no-repeat}#homeNewsBox a.image span,
    #homeFeatureBox a.image span,
    #homeFeatureBox a.bigImage
    span{display:none;text-decoration:none}#homeFeatureAdminBox div.bigImage,
    #homeFeatureBox a.bigImage,
    #homeFeatureBox
    div.bigImage{position:absolute;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px
    solid #ccc;background-position:top left;width:409px;height:409px;background-size:409px 409px;background-repeat:no-repeat;text-decoration:none}.image.pos1,div.image.pos5{top:0px}.image.pos2,div.image.pos6{top:103px}.image.pos3,div.image.pos7{top:206px}.image.pos4,div.image.pos8{top:309px}.image.selected{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);opacity:0.5}#homeFeatureBoxLeftColumn{float:left;width:105px;top:0px;left:0px;display:inline-block}#homeFeatureBoxMiddleColumn{position:absolute;top:0px;left:105px;display:inline-block;width:409px}#homeFeatureBoxMiddleColumn
    a{position:absolute;top:0px;left:0px}#homeFeatureBoxRightColumn{float:right;width:99px;right:0px;display:inline-block}#homeFeatureBoxAltText{position:relative;top:415px;left:0px;width:597px;display:inline-block}#homeNewsBox{position:relative;overflow:hidden;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px
    solid #ccc;height:310px}#homeNewsBox
    a.image{position:relative;display:inline-block;height:310px;width:310px;top:-1;left:-1px;background-size:310px 310px;background-position:top left;background-repeat:no-repeat;border-top-left-radius:6px;border-botton-left-radius:6px}#homeNewsBox
    ul{width:309px;position:absolute;display:inline-block;left:310px;top:0px;height:309px}#homeNewsBox ul
    li{height:38px;padding:1px
    10px 0px 10px;line-height:2.1em;font-size:1.3em;white-space:nowrap;color:#333;background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb));background:-moz-linear-gradient(top,  #eee,  #bbb);background:-o-linear-gradient(top,  #eee,  #bbb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb');zoom:1}#homeNewsBox ul li
    a{text-decoration:none;color:#000}#homeNewsBox ul
    li.selected{height:38px;padding:1px
    10px 0px 10px;line-height:2.1em;font-size:1.3em;font-weight:bold;white-space:nowrap;color:#000;background:-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#999));background:-moz-linear-gradient(top,  #aaa,  #999);background:-o-linear-gradient(top,  #aaa,  #999);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#999999');zoom:1}#homeNewsBox ul li.selected
    a{text-decoration:none;color:#000}h1.proTitle{background-image:url('https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/designedfordjs_header_white_bg.png');background-repeat:no-repeat;background-position:top left;width:100%;height:90px}h1.proTitle
    span{display:none}#homeMoreNews{position:relative;top:5px;left:0px;display:inline-block;width:612px;text-align:center;line-height:2.1em;font-size:1.3em;font-weight:400;padding:3px
    10px 3px 10px;background-color:#bbbbbe;color:#000001;padding:3px
    4px 3px 4px;font-weight:bold;font-size:0.9em;text-decoration:none;background-image:-webkit-gradient(linear, left bottom, left top, from(#bbbbbe), to(white));background-image:-moz-linear-gradient(bottom, #bbbbbe, white);background-image:-o-linear-gradient(bottom, #bbbbbe, white);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbe', endColorstr='#fffffe');zoom:1;-moz-box-shadow:inset 0 0 2px white;-webkit-box-shadow:inset 0 0 2px white;box-shadow:inset 0 0 2px white;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px
    solid #666667}#homeMoreNews:hover{color:#333331;background-image:-webkit-gradient(linear, left bottom, left top,from(#999998),to(#ddddde));background-image:-moz-linear-gradient(bottom,#999998,#ddddde);background-image:-o-linear-gradient(bottom,#999998,#ddddde);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999998',endColorstr='#ddddde');zoom:1}.tid-home-carousel{height:452px;position:relative;width:100%;margin-bottom:0px}.tid-home-carousel
    .image{background-position:left top;background-repeat:no-repeat;border:1px
    solid #ccc;border-radius:6px;height:99px;position:absolute;text-decoration:none;width:99px}.tid-home-carousel .image
    span{display:none}.tid-home-carousel .image.pos1,
    .tid-home-carousel
    .image.pos5{top:0}.tid-home-carousel .image.pos2,
    .tid-home-carousel
    .image.pos6{top:103px}.tid-home-carousel .image.pos3,
    .tid-home-carousel
    .image.pos7{top:206px}.tid-home-carousel .image.pos4,
    .tid-home-carousel
    .image.pos8{top:309px}.tid-home-carousel .left-column,
    .tid-home-carousel .right-column{display:inline-block;top:0}.tid-home-carousel .left-column{left:0;float:left;width:105px}.tid-home-carousel .right-column{right:0;float:right;width:99px}.tid-home-carousel .middle-column{display:inline-block;left:105px;position:absolute;top:0;width:409px;height:409px}.tid-home-carousel .feature-text{display:inline-block;left:0;position:relative;top:415px;width:597px}.tid-social-icons{margin:14px
    0 20px 0;display:block;position:relative;overflow:auto}.tid-social-icons
    a{display:block;position:relative;font-size:1.05em;font-weight:bold;line-height:2.1em;height:30px;padding:1px
    10px 1px 0px;white-space:nowrap;width:210px}.tid-social-icons
    span.title{margin-left:42px;width:140px;text-align:center}.tid-social-icons
    a.left{float:left;margin-left:65px}.tid-social-icons
    a.right{float:right;margin-right:65px}.tid-social-icons .social-icon{width:32px;height:32px;display:block;position:absolute;top:0px;left:0px}.tid-social-icons .facebook-si{background:url('https://d33yltq05bdjmc.cloudfront.net/images/icons/social/facebook-icon.png')}.tid-social-icons .twitter-si{background:url('https://d33yltq05bdjmc.cloudfront.net/images/icons/social/twitter-icon.png')}div.news
    h1{font-size:2.0em;margin:0
    0 25px 0}.newsList
    a{color:#000}div.news
    h2{font-size:1.7em}div.news
    h3{color:#FF3171;font-weight:bold;font-size:1.2em}div.news .content h1,
    div.news .content h2,
    div.news .content
    h3{margin:30px
    0 10px 0}.content{margin:0
    20px}.content
    p{margin:0
    20px;color:#000;font-size:1.1em;line-height:1.4em}div.news
    blockquote{margin:0
    30px}.content
    ol{list-style-type:decimal;list-style-position:outside;margin-left:40px}.content ol
    li{list-style-position:outside;list-style-type:decimal;padding-bottom:20px}.content
    ul{list-style-type:circle;list-style-position:outside;margin-left:40px}.content ul
    li{list-style-position:outside;list-style-type:circle;padding-bottom:20px}div.staticContent{margin:0px
    40px}.staticContent
    ol{list-style-type:decimal;list-style-position:outside;margin-left:40px}.staticContent ol
    li{list-style-position:outside;list-style-type:decimal;padding-bottom:20px}div.newsList{position:relative}div.newsList,div.featuresList{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:20px;padding:20px;background-color:#ddd;background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee));background-image:-moz-linear-gradient(top, #ddd, #eee);background-image:-o-linear-gradient(top, #ddd, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#eeeeee');zoom:1}.newsList
    .head{margin-bottom:20px}.newsList
    .body{vertical-align:middle}.newsList
    h2{font-size:1.5em}.newsList h2
    a{text-decoration:none}.newsList
    .text{display:inline-block;width:310px;vertical-align:middle;padding-left:20px}.newsList .text strong,
    .newsList .text b,
    .newsList .textImageLess strong,
    .newsList .textImageLess
    b{font-weight:normal}.newsList
    p.more{margin-top:20px}.newsList
    .image{display:inline-block;width:200px;vertical-align:middle}.pictureBox{float:right;margin:0px
    0px 20px 20px;min-width:200px}.news
    .author{font-size:0.8em;color:#222}div.description .newsImage, div.newsList .newsImage, div.featuresList
    .featureImage{border:1px
    solid #666;margin:0
    0 20px 10px}.pictureBox img,
    .newsList .image a
    img{border:1px
    solid #666;box-shadow:1px 1px 1px #999;-webkit-box-shadow:1px 1px 1px #999;-moz-box-shadow:1px 1px 1px #999}.tid-news-carousel{height:393px;position:relative;width:100%;margin-bottom:0px;display:block}.tid-news-carousel .image
    span{display:none}.tid-news-carousel .feature-text{display:block;left:0;bottom:0;position:absolute;width:597px;font-size:1.3em;font-weight:bold;height:38px;line-height:2.1em;padding:1px
    10px 0;white-space:nowrap}.tid-news-carousel .carousel-inner{width:620px;height:349px}.tid-news-carousel .carousel-inner .item
    a{width:620px;height:349px;display:block}.tid-news-carousel .carousel-indicators
    li{cursor:pointer}#globalSearch .add-on{margin-top:2px}#logoMasthead{position:relative;width:100%;height:112px}#banner{position:absolute;top:12px;right:13px;margin:0;border:0;padding:0;overflow:hidden}.headerTop{border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;border:1px
    solid #bcbcbc;border-bottom:0px;padding:0px;margin:-25px 0 0 0;background-color:#fff}#logoMasthead
    h1{background:url('https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/logo_white_bg.png');width:182px;height:23px;position:relative;top:50px;left:20px}#logoMasthead h1
    a{position:absolute;width:182px;height:23px}#logoMasthead h1 a
    span{display:none}#globalNav{overflow:hidden;width:100%}#globalNavigationBlock{position:relative;height:25px;margin-left:10px;width:720px;display:inline-block;top:12px}#globalNavigationBlock>ul>li{display:inline-block;position:relative}#globalNavigationBlock .nav-submenu{top:18px;float:left;background:#444;background:-webkit-gradient(linear, left top, left bottom, from(#888887), to(#b7b7b8));background:-moz-linear-gradient(top, #888887, #b7b7b8);background:-o-linear-gradient(top, #888887, #b7b7b8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888887', endColorstr='#b7b7b8');zoom:1;width:130px}#globalNavigationBlock .nav-submenu .potato-menu-item{width:130px;color:#FFFFFE;font-size:77%;text-decoration:none;text-transform:uppercase}#globalNavigationBlock .nav-submenu .potato-menu-item
    a{color:white;padding:7px
    9px;display:block}#globalNavigationBlock .nav-submenu .potato-menu-item a:hover{background-color:#444445;color:#fffffe}#globalNavigationBlock .nav-submenu.pro-submenu{width:190px}#globalNavigationBlock .nav-submenu.pro-submenu .potato-menu-item{width:190px}#globalNavigationBlock
    a.navigationLinkBlock{background-color:none;text-decoration:none;display:block;float:left;padding-bottom:5px}a.navigationLinkBlock div.nav-button-left-border{float:left;top:0px;left:0px;display:inline-block;border-width:0px;border-bottom:18px solid #ffe400;border-left:18px solid #D1D1D1;height:0px;width:0px;margin:0px;padding:0px}a.navigationLinkBlock div.nav-button-text{float:left;top:0px;display:inline-block;height:18px;padding:0
    8px;text-transform:uppercase;font-size:0.95em;font-weight:bold;color:#414142;background-color:#ffe400;text-align:center;margin:0px;z-index:2}a.navigationLinkBlock div.nav-button-text
    span{position:relative;top:2px;text-align:center;width:100%}a.navigationLinkBlock div.nav-button-right-border{float:left;border-left:18px solid #ffe400;border-right:0px;border-top:0px;border-bottom:18px solid #D1D1D1;height:0px;width:0px;margin:0px;padding:0px}a.navigationLinkBlock .nav-button-current-indicator{position:absolute;top:18px;display:inline-block;border:5px
    solid #D1D1D1;border-bottom-width:0px;height:0px;width:0px;margin:0px;padding:0;z-index:1}a.navigationLinkBlock:hover div.nav-button-left-border{border-bottom:18px solid #5a5a5a}a.navigationLinkBlock:hover div.nav-button-right-border{border-left:18px solid #5a5a5a}a.navigationLinkBlock:hover div.nav-button-current-indicator{border-top:5px solid #5a5a5a}a.navigationLinkBlock:hover div.nav-button-text{background-color:#5a5a5a;color:#fff}li.music div.nav-button-left-border{border-bottom:18px solid #ff3170}li.music div.nav-button-text{color:#fff}li.music div.nav-button-right-border{border-left:18px solid #ff3170}li.music.selected .nav-button-current-indicator,
    li.music:hover .nav-button-current-indicator{border-top:5px solid #ff3170;left:40px}li.music div.nav-button-text{background-color:#ff3170;color:#fff}li.playlists div.nav-button-left-border{border-bottom:18px solid #319cff}li.playlists div.nav-button-text{color:#fff}li.playlists div.nav-button-right-border{border-left:18px solid #319cff}li.playlists.selected .nav-button-current-indicator,
    li.playlists:hover .nav-button-current-indicator{border-top:5px solid #319cff;left:80px}li.playlists div.nav-button-text{background-color:#319cff;color:#fff}li.playlists div.nav-button-right-border{top:0}li.news div.nav-button-left-border{border-bottom:18px solid #3ed204}li.news div.nav-button-text{color:#fff}li.news div.nav-button-right-border{border-left:18px solid #3ed204}li.news.selected .nav-button-current-indicator,
    li.news:hover .nav-button-current-indicator{border-top:5px solid #3ed204;left:40px}li.news div.nav-button-text{background-color:#3ed204;color:#fff}li.tidpro div.nav-button-left-border{border-bottom:18px solid #000}li.tidpro div.nav-button-text{color:#000}li.tidpro div.nav-button-right-border{border-left:18px solid #000;border-bottom:18px solid #D1D1D1}li.tidpro.selected .nav-button-current-indicator,
    li.tidpro:hover .nav-button-current-indicator{border-top:5px solid #000;left:45px}li.tidpro div.nav-button-text{background-color:#000;color:#fff}li.merchandise.selected .nav-button-current-indicator,
    li.merchandise:hover .nav-button-current-indicator{border-top:5px solid #ffe400;left:75px}li.tickets div.nav-button-left-border{border-bottom:18px solid #d00}li.tickets div.nav-button-text{color:#fff}li.tickets div.nav-button-right-border{border-left:18px solid #d00}li.tickets.selected .nav-button-current-indicator,
    li.tickets:hover .nav-button-current-indicator{border-top:5px solid #d00;left:45px}li.tickets div.nav-button-text{background-color:#d00;color:#fff}li.tickets div.nav-button-right-border{top:0}#globalSearch{float:right;margin:0
    13px 4px 0;*background:url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/search-bg.png") 0px 0px no-repeat #fff}* html
    #globalSearch{position:relative;z-index:14}*:first-child+html
    #globalSearch{position:relative;z-index:14}#globalSearch
    label{display:none}#hd{position:relative}#genreNav{margin-top:7px;padding:0
    6px 0px 6px;background:#444;background:-webkit-gradient(linear, left top, left bottom, from(#444445), to(#8F8F8E));background:-moz-linear-gradient(top, #444445, #8F8F8E);background:-o-linear-gradient(top, #444445, #8F8F8E);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444445', endColorstr='#8F8F8E');zoom:1;border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border:0px;float:left}#genreSubNav{margin:0px;padding:0
    13px 0px 11px;border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;border:0;overflow:auto}#genreSubNav{margin:0px;padding:0
    13px 0px 11px;border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;border:0}#genreSubNav,
    #genreNavigation .main-genre-submenu{background:#444;background:-webkit-gradient(linear, left top, left bottom, from(#888887), to(#b7b7b8));background:-moz-linear-gradient(top, #888887, #b7b7b8);background:-o-linear-gradient(top, #888887, #b7b7b8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888887', endColorstr='#b7b7b8');zoom:1}#genreNavigation .main-genre-submenu
    .selected{background:#777;background:-webkit-gradient(linear, left top, left bottom, from(#444445), to(#909090));background:-moz-linear-gradient(top, #444445, #909090);background:-o-linear-gradient(top, #444445, #909090);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444445', endColorstr='#909090');zoom:1}#genreNavigation .potato-menu-group{width:260px}#genreNavigation .potato-menu-group .potato-menu-item{width:130px}.genreLinks{list-style:none;width:100%}.genreLinks li,
    #genreSubNav ul
    li{display:block;float:left}.genreLinks
    li.selected{background:#777;background:-webkit-gradient(linear, left top, left bottom, from(#888887), to(#b7b7b8));background:-moz-linear-gradient(top, #888887, #b7b7b8);background:-o-linear-gradient(top, #888887, #b7b7b8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888887', endColorstr='#b7b7b8');zoom:1}#genreSubNav ul
    li.selected{background:#777;background:-webkit-gradient(linear, left top, left bottom, from(#444445), to(#8F8F8E));background:-moz-linear-gradient(top, #444445, #8F8F8E);background:-o-linear-gradient(top, #444445, #8F8F8E);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444445', endColorstr='#8F8F8e');zoom:1}.genreLinks
    a{display:block;text-transform:uppercase;text-decoration:none;font-size:77%;color:#fffffe;padding:7px
    9px;border-left:1px solid #aaa}#genreSubNav
    a{display:block;text-decoration:none;font-size:90%;color:#fffffe;padding:7px
    11px;border-left:1px solid #aaa}.genreLinks li:first-child a,
    #genreSubNav ul li:first-child
    a{border-left:none}.genreLinks a:hover,
    #genreSubNav a:hover{background-color:#444445;color:#fffffe}.genreLinks a:active,
    #genreSubNav a:active{background-color:#000001}.genreLinks ul li.selected a:hover,
    #genreSubNav ul li.selected a:hover{background:#444445}footer{padding:14px
    23px 3px 21px;background-color:#ebebeb;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px
    solid #bcbcbc;margin-top:20px;padding-bottom:10px;color:#666}#footerContent{float:left;width:70.7692308em;*width:69.0001725em;min-width:920px;padding:14px
    23px 3px 21px;background-color:#ebebeb;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px
    solid #bcbcbc;margin-top:20px;padding-bottom:10px;color:#666}#footerContent
    a{color:#666;text-decoration:none}#footerContent a:hover{text-decoration:underline}#footerColMusic,#footerColPlaylists,#footerColMerchandise,#footerColNews,#footerGeneric{font-size:93%;padding-top:0px;line-height:150%}#footerColMusic h4, #footerColPlaylists h4, #footerColMerchandise h4, #footerColNews h4, #footerGeneric
    h4{font-weight:bold}.footerDecoration{position:relative;margin-bottom:10px}.footerCol-left{position:absolute;top:0px;left:0px;display:inline-block;border-left:6px solid #e6e6e6;border-right:0px;border-top:0px;border-bottom:6px solid #ffe400;height:0px;width:0px;margin:0px;padding:0px}.footerCol-line{position:absolute;top:0px;left:6px;display:inline-block;height:6px;width:123px;text-transform:uppercase;font-size:0.95em;font-weight:bold;color:#e6e6e6;background-color:#ffe400;text-align:center;margin:0px}.footerCol-right{position:absolute;top:0px;left:129px;display:inline-block;border-left:6px solid #ffe400;border-right:0px;border-top:0px;border-bottom:6px solid #e6e6e6;height:0px;width:0px;margin:0px;padding:0px}#footerColMusic .footerCol-left{border-bottom:6px solid #ff3171}#footerColMusic .footerCol-line{background-color:#ff3171}#footerColMusic .footerCol-right{border-left:6px solid #ff3171}#footerColMerchandise .footerCol-left{border-bottom:6px solid #ffe400}#footerColMerchandise .footerCol-line{background-color:#ffe400}#footerColMerchandise .footerCol-right{border-left:6px solid #ffe400}#footerGeneric .footerCol-left{border-bottom:6px solid #818181}#footerGeneric .footerCol-line{background-color:#818181;width:278px}#footerGeneric .footerCol-right{border-left:6px solid #818181;top:0px;left:284px}#footerColNews .footerCol-left{border-bottom:6px solid #3ED204}#footerColNews .footerCol-line{background-color:#3ED204}#footerColNews .footerCol-right{border-left:6px solid #3ED204}#footerColPlaylists .footerCol-left{border-bottom:6px solid #319CFF}#footerColPlaylists .footerCol-line{background-color:#319CFF}#footerColPlaylists .footerCol-right{border-left:6px solid #319CFF}div.trackList div.bundle,
    div.trackList
    div.track{background-image:-webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#f5f5f5));background-image:-moz-linear-gradient(top, #d9d9d9, #f5f5f5);background-image:-o-linear-gradient(top, #d9d9d9, #f5f5f5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d9d9d9', endColorstr = '#f5f5f5');zoom:1;position:relative;clear:both}div.trackList
    .heading{padding:10px;position:relative;clear:both}div.trackList
    .body{position:relative;clear:both;color:#555;padding-bottom:20px}div.trackList .heading
    .title{display:inline-block;width:420px;position:relative}div.trackList .heading
    .actions{display:inline;position:absolute;right:5px;text-align:right}div.trackList .body .actions
    .tracklistFileFormats{float:right}div.trackList .body
    .actions{display:inline-block;width:160px;position:absolute;right:5px;top:10px;text-align:right}div.trackList .body .actions
    .rating{position:relative;display:inline-block}div.trackList .body
    .details{left:90px;position:relative;display:inline-block;width:320px}div.trackList.top10 .body
    .details{left:140px;width:270px}div.trackList .body
    .coverImage{position:absolute;left:15px;width:60px;height:60px}div.trackList.top10 .body
    .coverImage{left:65px}div.trackList
    .top10Num{position:absolute;left:15px;top:10px}div.trackList
    a{color:#000;text-decoration:none;border-top:none}div.trackList a:hover{border-top:none}.tracklistHeader{position:relative;height:30px}.tracklistHeader
    .pager{position:absolute;left:0px;margin-bottom:0px;bottom:10px}.tracklistHeader
    .loadAllTracks{position:absolute;right:0px;line-height:0;margin:0;padding:0}.tracklistHeader .loadAllTracks
    a{display:block}.tracklistHeader
    #tagFilterProgress{position:absolute;left:50%;bottom:5px;margin-left:-8px}.tracklistFooter{position:relative}.tracklistFooter
    .pager{position:absolute;left:0px;margin-top:0;top:10px}.trackList
    div.buy{padding-right:0px;float:right}.trackList tr.body td
    td{padding-bottom:2px}.tracklistFileFormats{padding:0;margin:0}.tracklistFileFormats
    td{padding:0
    8px 0 0}.trackList
    .rating_wrapper{float:left;margin-left:5px}.trackList
    .trackActionButton{margin-top:3px;float:left}div.featuredTracks
    div.header{border-top:none;background:#eee}div.featuredTracks
    div.body{background:#eee;background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));background-image:-moz-linear-gradient(top, #eee, #fff);background-image:-o-linear-gradient(top, #eee, #fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff');zoom:1}div.featuredTracks div.body .trackLinks
    a{color:#FF3171;font-weight:bold}div#merchandiseProductGroupDetail{background:#eee;background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));background-image:-moz-linear-gradient(top, #eee, #fff);background-image:-o-linear-gradient(top, #eee, #fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');zoom:1;width:100%;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}#merchandiseProductGroupDetail
    .productImage{width:262px;padding:10px
    0 10px 10px}#merchandiseProductGroupDetail a.mainImage,
    #merchandiseProductGroupDetail
    div.mainImage{display:block;position:relative;width:262px;height:262px;border:1px
    solid #bbb;background:#fff url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/layout/spinner_white_bg.gif") center center no-repeat;padding:0;text-align:center;line-height:260px;margin-bottom:10px}#merchandiseProductGroupDetail a.mainImage #main_product_image,
    #merchandiseProductGroupDetail div.mainImage
    #main_product_image{vertical-align:middle;margin:0;padding:0}#merchandiseProductGroupDetail a.mainImage
    div.showFullImage{position:absolute;width:77px;height:34px;top:5px;right:5px;background:url("https://d33yltq05bdjmc.cloudfront.net/skins/v2/images/buttons/zoom.png") 0px 0px no-repeat}#merchandiseProductGroupDetail a.mainImage:hover
    div.showFullImage{background-position:0px -34px}#merchandiseProductGroupDetail a.mainImage div.showFullImage
    span{display:none}#merchandiseProductGroupDetail
    .productDetails{width:308px;padding:10px
    10px 10px 0;font-size:93%}#merchandiseProductGroupDetail div.shippingInfo,
    #merchandiseProductGroupDetail
    div.details{width:100%;border-top:1px solid #bbb;padding-top:10px;margin-top:10px;font-size:93%}#merchandiseProductGroupDetail div.details
    td{padding-right:10px}#merchandiseProductGroupDetail div.shippingInfo
    h4{font-weight:bold}#merchandiseProductGroupDetail
    .buyForm{font-size:93%;padding-top:10px;margin-top:10px}#merchandiseProductGroupDetail .buyForm
    *{vertical-align:middle}#merchandiseProductGroupDetail .buyForm
    .price{font-size:153.9%;margin-right:10px}.hardware_image_list
    img{cursor:hand;cursor:pointer;margin:4px;border:1px
    solid #bbb}img.current_variant_thumbnail{margin:0px;border:5px
    solid #ffe400}.dj_hardware
    img.current_variant_thumbnail{margin:0px;border:5px
    solid #3ed204}.tickets
    .head{display:inline-block}.tickets
    .title{margin-botton:20px}.ticketChart a,
    .ticketsList a,
    .newsList
    a{text-decoration:none;color:#000}.ticketChart
    .eventName{font-size:1.0em;font-weight:bold}.ticketChart
    .entry{height:95px}.ticketChart
    h2{font-size:1.4em;font-weight:bold;text-decoration:none;margin-top:10px}.ticketChart h3,
    .tracks
    h3{font-size:1.2em;font-weight:normal;text-decoration:none}.ticketChart
    .eventDate{font-size:0.85em}.ticketChart
    .venue{font-size:0.85em}.ticketChart
    .row{margin-bottom:20px}.tickets
    h1{font-size:1.6em;line-height:20px}.tickets .head
    h2{font-size:1.2em;line-height:20px;text-decoration:none;margin:0}.tickets .dashboardItem
    h2{text-decoration:none;margin:0}.tickets .head h2
    a{text-decoration:none}.tickets .head h3
    a{text-decoration:none;font-weight:normal}.tickets
    h2{font-size:1.4em;font-weight:bold;text-decoration:none;margin-top:30px}.ticketsList
    h2{font-size:1.2em;margin:0
    0 0px 0}.ticketsList h2
    a{text-decoration:none}.tickets
    h3{color:#FF3171;font-weight:bold;font-size:1.0em;text-decoration:none}.tickets
    ol{list-style-type:decimal;list-style-position:outside;margin-left:40px}.tickets
    .address{margin-bottom:20px}.tickets  ol
    li{list-style-position:outside;list-style-type:decimal;padding-bottom:20px}.tickets .artists
    ul{list-style-type:circle;list-style-position:outside;margin-left:40px}.tickets .artists ul
    li{list-style-position:outside;list-style-type:circle;padding-bottom:5px}div.ticketsList{position:relative}div.ticketsList,div.featuresList{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:10px;padding:20px;background-color:#ddd;background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fafafa));background-image:-moz-linear-gradient(top, #ddd, #fafafa);background-image:-o-linear-gradient(top, #ddd, #fafafa);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#fafafa');zoom:1}.ticketsList .text strong,
    .ticketsList .text b,
    .ticketsList .textImageLess strong,
    .ticketsList .textImageLess
    b{font-weight:normal}.ticketsList
    h2{line-height:1.4em;margin-top:-10px;}.ticketsList
    h3{line-height:1.6em;}.ticketsList
    p.more{margin-top:20px}.ticketsList
    .image{display:inline-block;width:150px;vertical-align:middle;text-align:center}.pictureBox{float:right;margin:0px
    0px 20px 20px;min-width:160px}.tickets
    .author{font-size:0.8em}div.description .ticketsImage, div.ticketsList .ticketsImage, div.featuresList
    .featureImage{border:1px
    solid #666;margin:0
    0 20px 10px}.pictureBox img,
    .ticketsList .image a
    img{border:1px
    solid #666;box-shadow:1px 1px 1px #999;-webkit-box-shadow:1px 1px 1px #999;-moz-box-shadow:1px 1px 1px #999}.dateBox{display:inline-block;width:50px;background-color:#f9f9f9;text-align:center;position:relative;top:-10px;left:-10px}.dateBox
    .month{font-size:0.9em;font-weight:bold}.dateBox
    .dayNumber{font-size:1.8em;font-weight:bold;background-color:#eee}.dateBox
    .dayName{font-size:0.8em;font-weight:bold;color:#777}.tickets
    .dateBox{display:inline-block;width:50px;background-color:#f9f9f9;text-align:center;position:relative;border:1px
    solid #ddd;border-radius:3px;margin:0px
    10px 0px 0px}.tickets .dateBox
    .month{font-size:0.9em;font-weight:bold}.tickets .dateBox
    .dayNumber{font-size:1.8em;font-weight:bold;background-color:#eee}.tickets .dateBox
    .dayName{font-size:0.8em;font-weight:bold;color:#777}table.event_calendar{width:280px;border:0px;border-radius:10px}.event_calendar
    tr{border-bottom:1px solid #ccc}.event_calendar td, .event_calendar
    th{padding:5px;text-align:center}.event_calendar
    th{background-color:#666;background-image:-webkit-gradient(linear, left top, left bottom, from(#777), to(#555));background-image:-webkit-linear-gradient(top, #777, #555);background-image:-moz-linear-gradient(top, #777, #555);background-image:-ms-linear-gradient(top, #777, #555);background-image:-o-linear-gradient(top, #777, #555);background-image:linear-gradient(to bottom, #777, #555);color:#eee;border-width:1px 1px 0 0}.event_calendar
    td{background-color:#eee;background-image:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d6d6d6));background-image:-webkit-linear-gradient(top, #f6f6f6, #d6d6d6);background-image:-moz-linear-gradient(top, #f6f6f6, #d6d6d6);background-image:-ms-linear-gradient(top, #f6f6f6, #d6d6d6);background-image:-o-linear-gradient(top, #f6f6f6, #d6d6d6);background-image:linear-gradient(to bottom, #f6f6f6, #d6d6d6);color:#333;line-height:1.3em;border:1px
    solid #fff;border-width:1px 1px 0 0}.event_calendar td:first-of-type{border-left:1px solid #fff}.event_calendar tr:last-of-type
    td{border-bottom:1px solid #fff}.event_calendar th:first-of-type{border-top-left-radius:8px}.event_calendar th:last-of-type{border-top-right-radius:8px}.event_calendar tr:last-of-type td:first-of-type{border-bottom-left-radius:10px}.event_calendar tr:last-of-type td:first-of-type
    a{border-bottom-left-radius:8px}.event_calendar tr:last-of-type td:last-of-type{border-bottom-right-radius:10px}.event_calendar tr:last-of-type td:last-of-type
    a{border-bottom-right-radius:8px}.event_calendar th:first-of-type{}.event_calendar
    td.event{padding:0}.event_calendar
    a{color:#fff;font-weight:bold;display:block;padding:5px;background-color:#FF3170;background-image:-webkit-gradient(linear, left top, left bottom, from(#FF2B6B), to(#DE1354));background-image:-webkit-linear-gradient(top, #FF2B6B, #DE1354);background-image:-moz-linear-gradient(top, #FF2B6B, #DE1354);background-image:-ms-linear-gradient(top, #FF2B6B, #DE1354);background-image:-o-linear-gradient(top, #FF2B6B, #DE1354);background-image:linear-gradient(to bottom, #FF2B6B, #DE1354);text-decoration:none;border-radius:3px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.event_calendar a:hover{color:#fff;background-color:#000;background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#000));background-image:-webkit-linear-gradient(top, #333, #000);background-image:-moz-linear-gradient(top, #333, #000);background-image:-ms-linear-gradient(top, #333, #000);background-image:-o-linear-gradient(top, #333, #000);background-image:linear-gradient(to bottom, #333, #000)}.tickets .flyerImage,
    .tickets
    .youTubeVideo{text-align:center}
    /*!
     *  Font Awesome 3.2.0
     *  the iconic font designed for Bootstrap
     *  ------------------------------------------------------------------------------
     *  The full suite of pictographic icons, examples, and documentation can be
     *  found at http://fontawesome.io.  Stay up to date on Twitter at
     *  http://twitter.com/fontawesome.
     *
     *  License
     *  ------------------------------------------------------------------------------
     *  - The Font Awesome font is licensed under SIL OFL 1.1 -
     *    http://scripts.sil.org/OFL
     *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
     *    http://opensource.org/licenses/mit-license.html
     *  - Font Awesome documentation licensed under CC BY 3.0 -
     *    http://creativecommons.org/licenses/by/3.0/
     *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
     *    "Font Awesome by Dave Gandy - http://fontawesome.io"
     *
     *  Author - Dave Gandy
     *  ------------------------------------------------------------------------------
     *  Email: dave@fontawesome.io
     *  Twitter: http://twitter.com/byscuits
     *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
     */

Examples and source code

icon-list

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-list"></i> icon-list
Icon classes are echoed via CSS :before.

icon-list

icon-list

icon-list

icon-list

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-list icon-large"></i> icon-list</p>
<p><i class=" icon-list icon-2x"></i> icon-list</p>
<p><i class=" icon-list icon-3x"></i> icon-list</p>
<p><i class=" icon-list icon-4x"></i> icon-list</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-list"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-list icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-list icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-list"></i>  normal<br>
<i class=" icon-list icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-list icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-list icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-list icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-list icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-list icon-2x icon-spin"></i>
<i class=" icon-list icon-3x icon-spin"></i>
<i class=" icon-list icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-list on icon-check-empty
icon-list on icon-circle
icon-listl on icon-sign-blank
icon-ban-circle on icon-list

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-list "></i>
</span>
icon-list on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-list icon-light"></i>
</span>
icon-list on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-list icon-light "></i>
</span>
icon-list on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-list icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-list