@font-face{font-family:'ProximaNova-Regular';src: url('/media/fonts/proximanova-regular-webfont.eot?') format('eot'), url('/media/fonts/proximanova-regular-webfont.svg#webfont1CZH2pnG') format('svg'),url('/media/fonts/proximanova-regular-webfont.woff') format('woff'),url('/media/fonts/proximanova-regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;-webkit-font-smoothing: antialiased;}
@font-face{font-family:'ProximaNova-Semibold';src: url('/media/fonts/proximanova-semibold-webfont.eot?') format('eot'), url('/media/fonts/proximanova-semibold-webfont.svg#webfont0jqtXjz3') format('svg'),url('/media/fonts/proximanova-semibold-webfont.woff') format('woff'),url('/media/fonts/proximanova-semibold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;-webkit-font-smoothing: antialiased;}	
@font-face{font-family:'ProximaNova-Bold';src: url('/media/fonts/proximanova-bold-webfont.eot?') format('eot'), url('/media/fonts/proximanova-bold-webfont.svg#webfont0jqtXjz3') format('svg'),url('/media/fonts/proximanova-bold-webfont.woff') format('woff'),url('/media/fonts/proximanova-bold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;-webkit-font-smoothing: antialiased;}

body {font: 11px tahoma, verdana, arial, helvetica, sans-serif;color: #333;background: #fff url("/media/images/interface/background.gif") 0 0 repeat-x;line-height: 16px;}
select, input, textarea {font: 11px tahoma, verdana, arial, helvetica, sans-serif;color: #333;background-color: #fff;line-height: 16px;}

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

/* ~~~~~~~~~ layout ~~~~~~~~~~ */
#container {width: 990px;margin: 0 auto;padding:0;overflow: visible;}
#page-content {	width: 100%;overflow: visible;}
.clear{ clear: both; }

/* ~~~~~~~~~ section ~~~~~~~~~~ */
section {float: right;width: 630px;padding: 25px 15px 0 30px;margin-bottom: 50px;}
.right-nav section{float: left; padding-right:30px; padding-left: 15px;}
section strong, section b { font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal;font-size: 14px; }

/* ~~~~~~~~~ aside ~~~~~~~~~~ */
aside {	float: left; width: 300px;padding:25px 0 0 15px;margin-bottom: 50px;}
.right-nav aside{float: left; padding-left:0; padding-right: 15px;}
aside .intro {padding-left: 15px; padding-top: 21px;}
aside .secondary-intro { padding-left: 15px; padding-top: 30px;}
aside .slideshow{ clear: left; height: 225px;}

/* ~~~~~~~~~ header ~~~~~~~~~~ */
header { height: 90px; width: 100%;}
.header-bottom a, .promos a {color: #fff;}
.sub-head { width: 100%; }
.sub-head .lower-promos {padding-top: 30px; padding-bottom: 27px; }
.promos { background: #ececed;}
.featured-tracks, .dark{ background: #cbcbcc; border-bottom: 1px solid #A3A3A3;}
.favourites {background: #e7d9de; border-bottom: 1px solid #c191a1;}
.downloads{background: #efdeca; border-bottom: 1px solid #ca8d5c;}
.basket-page {background: #e8daee; border-bottom: 1px solid #a778c0;}
.tracks {background: #d7ecbe; border-bottom: 1px solid #b5da8d;}
.sign-up{background: #4abe00;}
.account-details{background: #c4dfec; border-bottom: 1px solid #719fb5;}
.knowledge .sub-head {background: #c4ecdd; border-bottom: 1px solid #8ab4a4;}
.header-top { padding: 20px 0 0 0; height: 40px; position: relative; }
.header-bottom { margin: 0 auto; width: 955px; height: 30px; padding: 0 20px 0 15px; background: transparent url("/media/images/interface/header.png") 0 0 repeat; position: relative; z-index: 498}
.header-top, .main-promos, .lower-promos { margin: 0 auto; width: 990px; clear: both;}

.main-promos { height: 107px; display: block;position: relative; z-index: 8; padding: 0 3px 3px 3px; background: transparent url("/media/images/interface/background-tray.png") 0 -30px no-repeat;}
.main-promos a {color:#fff; font-size: 12px;}
.header-bottom p { float: left; width: auto; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; line-height: 30px; color: #fff; }
#header-navigation { margin: 0 6px 0 0; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; color: #fff; margin-right: 10px; width: 365px; position: relative;}
#header-navigation.logged-in { width: 352px; }
#header-navigation ul { float: right;}
#header-navigation a {color: #fff;line-height: 23px}
#header-navigation a#login { margin-right: 25px;}
#header-bottom-navigation { margin: 0 -8px 0 0; height: 30px;}
#header-bottom-navigation li {margin-left: -5px;}
#header-bottom-navigation li a { font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}
#header-navigation, #header-bottom-navigation { float: right;}
#header-navigation ul li, #lowermenu li{ display: inline;}
#header-navigation ul li { font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; }
#search-wrapper{width: 371px; height: 23px; background: transparent url("/media/images/interface/search.png") 0 0 no-repeat; overflow: hidden; color: #070a0f; float: left;}
.search-open{background-position: 0 -23px!important;}
#search { background: transparent;float: left; border: none; padding:0; margin-left: 15px; min-width: 205px; width: auto; overflow: hidden; height: 23px; color: #070a0f; outline: none; line-height: 23px; vertical-align: middle;}
#logo { float: left; width: 165px; margin: 2px 0 0 14px; }
.search{ float: left; display: block;cursor: pointer; }
#search-btn{ height: 23px; color: #fff; width: 55px; padding: 0 0 0 10px; font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;float: right; line-height: 23px; vertical-align: middle;}
#search-select { height: 23px; padding: 0 0 0 9px;float: right; background: transparent url("/media/images/interface/spacer.png") left 0 no-repeat; line-height: 23px; vertical-align: middle; }

#header-navigation ul li { margin-left: 26px;}
#header-navigation ul li a { color: #fff; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif;}
#lowermenu li{padding:0 7px; position: relative;  display: block; float: left;}
#lowermenu li a { line-height: 30px; display: block;}
#lowermenu li.hover {  background-color: #ececed;}
#lowermenu li.hover a {color: #1e1e1e;}
#set-territory { overflow: visible; padding-right: 24px; background: transparent url("/media/images/icons/set-territory.gif") 70px 5px no-repeat; }
#lowermenu ul li {display: block; padding: 0; float: none;}
#lowermenu .dd{ top: 30px; left: 0;}
#services{ width: 125px;}

.staff-picks .h-promo, .fp .h-promo { margin: -30px 0 0 0}
.h-promo{ float: left; width: 984px; height: 137px; background-repeat: no-repeat; margin: -30px 3px 3px 3px; }
.h-promo-text { margin: -28px 0 0 15px; float: left; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; }
.genre-link { float: right; margin: -30px 25px 0 0; padding-left: 30px; background: transparent url("/media/images/icons/arrow-g.png") 0 0 no-repeat; height: 17px; line-height: 17px; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; }
.genre-link:hover { text-decoration: underline;}

.promo { width: 275px; display: block; float: left; padding: 0 15px; margin-right: 25px;}
.promo-img { display: block; width: 180px; height: 90px; margin-bottom: 5px;}
.last-p { margin-right: 0;}
.promo a { font-family: tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; color: #5a5a5a;}
.promo h2 a{ font-size: .8em; color: #1e1e1e; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; }
#container .first-p {padding-left: 5px;}

.extra {display: block; width:70px; height:17px;background-color: #eaeaea; }
#types { top: 43px;}
#types, .dd{width: 150px; position: absolute; z-index: 997;display: none;}
#types ul, .dd ul{border-bottom: 1px solid #d7d7d7;} 
#types ul li, .dd ul li{border-top: 1px solid #d7d7d7; background-color: #cbcbcc; height: 30px; padding: 0 0 0 0; margin: 0!important;}
#types ul li:hover, .dd ul li:hover{background-color: #fff;}
#types ul li a, .dd ul li a{color: #000;padding:0 0 0 7px; width: auto;cursor:pointer; width: auto; line-height: 30px; display:block;}
#header-bottom-navigation .dd ul li a { font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}

#s-s{width:auto;display: block;float: right;}
.a{float: right; display: block; width: 20px;height: 23px;cursor: pointer;}
#your-account, #set-territory { background: #333 url("/media/images/icons/arrow-ac.gif") 7px 5px no-repeat; padding: 1px 10px 2px 18px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
#your-account:hover, #set-territory:hover, #usage, #territory { background-color:#fff; color: #000; background-image: url("/media/images/icons/arrow-ac-hover.gif"); cursor: pointer; }
#your-account.clicked, #set-territory.clicked { background: transparent url("/media/images/icons/arrow-ac-clicked.gif") 7px 6px no-repeat; background-color:#fff; color: #000; }
#usage, #territory { padding: 2px 10px 2px 18px; background-position: 7px 5px;}
#usage:hover, #territory:hover {background: #333 url("/media/images/icons/arrow-ac.gif") 7px 5px no-repeat; color: #fff;} 

#header-navigation #login-nav, #header-navigation #territory-nav { background-color: #fff; position: absolute; right:0px; z-index: 997; padding: 0; top: 21px; display: none; -moz-box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; box-shadow: 2px 2px 6px #333;}
#header-navigation #login-nav li, #header-navigation #territory-nav li { display: block; margin-left: 0; border-bottom: 1px solid #d7d7d7;}
#header-navigation #login-nav li.last, #header-navigation #territory-nav li.last { border-bottom: none;}
#header-navigation #login-nav li a, #header-navigation #territory-nav li a { color: #000; width: auto; display: block; line-height: 30px; padding-left: 10px; padding-right: 10px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}
#header-navigation #login-nav li a:hover, #header-navigation #territory-nav li a:hover { text-decoration:underline; cursor: pointer;}
#header-navigation #territory-nav { top: 21px; right: 0;}
#header-navigation #login-nav li:hover, #header-navigation #territory-nav li:hover {cursor: pointer;}

#header-navigation ul li#l{ margin-left:0px;}
#header-navigation ul li#s{ margin-right: 20px;}

/*hightlighted before used*/
.table-head.highlighted { background-color: #4abe00; }
.highlighted .selector-row { background-color: #4abe00; color: #fff;}
#page-content .highlighted .selector-row #usage, #page-content .highlighted .selector-row #territory  {background-color: #05A600; color: #fff; background-image: url("/media/images/icons/arrow-ac-hover-usage.gif");}
#page-content .highlighted .selector-row #usage:hover , #page-content  .highlighted .selector-row #territory:hover { background-color: #fff; color: #1e1e1e; background-image: url("/media/images/icons/arrow-ac-hover.gif");} 
/*~~~~~~~~~~ Main Table ~~~~~~~~~~~~*/
.main-table{ margin: 0 0 55px 0px;}
.row-hidden {display: none;}
#radioform{display:none; visibility: hidden; font-size: 0;}

.table-head {color: #1e1e1e; background-color: #ececed;}
.table-head-top{ background-color: #d7d7d7; padding: 0 0 0 28px;  height: 30px; display: block; }
.table-head-top p {font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif;line-height: 30px; width: 30%;float: left; font-size: 12px;}
.table-head-top em{float: right; color:#000;font-style: normal; line-height: 18px;}
.main-table .filter-foot {padding-left: 28px;}
.main-rows .table-row{background-color: #fff; border-bottom: 1px solid #ececed; padding-bottom: 11px;}
.main-rows .expand{ height: 43px;border-bottom: 1px solid #ececed; }

.selector-row em{font-style: normal;font-size:11px;}
.selector-row { border-bottom: 1px solid #d7d7d7; height: 28px; padding-left: 28px; padding-top: 15px; color: #1e1e1e; position: relative; background-color: #ECECED;}
.selector-row em a{ line-height: 18px; padding: 2px 10px 2px 18px; cursor: pointer;margin:0; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; padding: 0 10px 0 0; background: url("/media/images/icons/arrow-dd.gif") right center no-repeat; }
.selector-row em.em-right{float: right; padding-right: 15px;}
ul.selector {display: none; position: absolute; background-color: #fff;border-right: 1px solid #ECECED;border-left: 1px solid #ECECED;border-top: 1px solid #ECECED;-moz-box-shadow: 2px 2px 10px #e1e1e1; -webkit-box-shadow: 2px 2px 10px #e1e1e1; box-shadow: 2px 2px 10px #e1e1e1; top: 35px; z-index:99;}
ul.selector li { border-bottom: 1px solid #ECECED; padding: 5px 10px; cursor:pointer; background-color: #D7D7D7; }
ul.selector li:hover {background-color: #fff;}
ul.usage{right: 270px; color: #333;}
ul.territory{right: 15px; color: #333;}
.selector-row .select-list {margin-top: -3px;}
.default { color: #5A5A5A;}

.history-row { background-color: #b9b9ba; padding: 0 0 0 28px;  height: 30px; display: block; }
.history-row p {font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif;line-height: 30px; width: 30%;float: left; font-size: 12px;}
.history-row em{float: right; color:#000;font-style: normal; line-height: 18px;}

#history-modes { width: 25%; float: right; padding: 6px 10px 0 0;}
#history-options{ float: right; width: 100%; }
#history-options li{ margin:0 0 0 5px;float: right;}
#history-options li.active a{background: transparent url('/media/images/icons/r-on-dk.png') 0 0 no-repeat;}
#history-options li.active a:hover {background: transparent url('/media/images/icons/r-on-dk.png') 0 0 no-repeat;color: #070a0f;}
#history-options li a{ height:19px; display:block; width: auto; padding:1px 5px 0 22px; color: #070a0f; text-decoration: none;}
#history-options li a {background:url('/media/images/icons/r-off-dk.png') 0 0 no-repeat;}
#history-options li a:hover{background:url('/media/images/icons/r-hover-dk.png') 0 0 no-repeat;color:#5A5A5A;}

#page-content div.history-row div.history-chunk { float: right; padding: 8px 10px 0 0; float: right; }
#page-content div.history-row div.history-chunk a.clear-btn { background: #d7d7d7; padding: 3px 12px; cursor: pointer; color: #333; border-radius: 10px; -moz-border-radius: 10px; }
#page-content div.history-row div.history-chunk a.clear-btn:hover { background: #333; color:#fff; }

/* checkout usage select */
.checkout-body ul li ul.chkout_select { float: none; padding: 0; display: none; background-color: #fff;border-right: 1px solid #ECECED;border-left: 1px solid #ECECED;border-top: 1px solid #ECECED;-moz-box-shadow: 2px 2px 10px #e1e1e1; -webkit-box-shadow: 2px 2px 10px #e1e1e1; box-shadow: 2px 2px 10px #e1e1e1; position: absolute; right: 34px; z-index: 100;}
.checkout-body ul li ul.chkout_select li { border-bottom: 1px solid #ECECED; padding: 5px 10px; cursor:pointer; background-color: #D7D7D7; width: 130px; }
.checkout-body ul li ul.chkout_select li:hover { background-color: #fff; color:#000; }
.checkout-body ul li ul.chkout_select:hover { color: #646464!important; cursor: pointer;}
.checkout-body a.cusage:hover { cursor: pointer; }

.table-row { position: relative; }
.play, .basket, .download, .like, .delete, .view { z-index: 3; background: transparent url("/media/images/icons/iconv2.png") 0 0 no-repeat; cursor: pointer; width: 23px; height: 23px; }
.table-row .play, .table-row .basket, .table-row .download, .table-row .like, .table-row .delete, .table-row .view { margin-top: 17px; }
.table-row .play { margin-left: -5px;}
.table-row .big-d {margin-top: 9px;}
.basket, .download, .like, .delete, .view {margin-right: 4px;float: right}
.play { margin-right: 10px;float: left; background-position: 0 0}

.play:hover, .main-rows .opened .play:hover, .main-rows .opened .play.on, .play.on { background-position: 0px -23px}

.basket{ background-position: -23px 0}
.basket:hover, .basket.on, .main-rows .opened .basket.on, .main-rows .opened .basket:hover{background-position: -23px -23px}
.download{background-position: -46px 0}
.download:hover, .download.on, .main-rows .opened .download.on, .main-rows .opened .download:hover{background-position: -46px -23px}
.like{background-position: -69px 0}
.like:hover, .like.on, .main-rows .opened .like.on, .main-rows .opened .like:hover{background-position: -69px -23px}
.delete{background-position: -92px 0}
.delete:hover, .main-rows .opened .delete:hover{background-position: -92px -23px}
.plus{float: right;background: transparent url("/media/images/icons/icon.png") -117px 0 no-repeat; cursor: pointer; width: 26px; height: 17px; margin-top: 20px; margin-right: -5px;}
.plus:hover {background-position: -117px -23px;}
.view {background-position: -192px 0}
.view:hover {background-position: -192px -46px}

.main-table .track-details { width: 440px;padding: 12px 0 0 0;}

.tracklist-options { height:23px; padding:10px; background-color: #CCCCCC;  }
.tracklist-btn { margin-left: 5px; float:right; background: transparent url("/media/images/icons/graybtn.png") 0 0 no-repeat; width: 87px; font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-align: center; color: #fff; border: none; height: 23px; line-height: 18px; padding-top: 2px; padding-bottom: 3px; }
.tracklist-btn.left { float: left; margin-left: 0px; margin-right: 5px; }
.tracklist-btn.wide { background: transparent url("/media/images/icons/graybtnwide.png") 0 0 no-repeat; width: 140px; }
.tracklist-btn.ultrawide { background: transparent url("/media/images/icons/graybtnultrawide.png") 0 0 no-repeat; width: 280px; }
.tracklist-btn:hover { opacity: 0.7; filter:alpha(opacity=70);cursor: pointer;}
.bulk_select { margin-top: 20px; margin-right: 7px; margin-left:2px; float: right; width:18px; height: 18px; }

/* PLAYLIST VARIANT */

.playlist-header { background-color: white; height: 37px; width: 630px; font-weight: bold; }
.playlist-spacer { background-color: #CCCCCC; height:1px; width: 630px; }
.playlist-spacer.addmargin { margin-bottom:20px; }

.main-table .playlist-details { width: 312px; padding: 12px 10px 0 28px; float:left; }
.main-table .playlist-elem { width: 70px; padding: 12px 0 0 0; text-align: center; vertical-align:top; float:left }
.playlist-row { padding-bottom: 10px; }
.playlist-row span { line-height:23px; }
.playlist-row .delete, .playlist-row .view { margin-top: 0px; float:left; margin-left:23px; }

/* USER PLAYLIST VARIANTS */

.user-playlist-options { height:23px; padding:10px; background-color: #CCCCCC;  }
.user-playlist-btn { margin-left: 5px; float:right; background: transparent url("/media/images/icons/graybtn.png") 0 0 no-repeat; width: 87px; font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-align: center; color: #fff; border: none; height: 23px; line-height: 18px; padding-top: 2px; padding-bottom: 3px; }
.user-playlist-btn.left { float: left; margin-left: 0px; margin-right: 5px; }
.user-playlist-btn.wide { background: transparent url("/media/images/icons/graybtnwide.png") 0 0 no-repeat; width: 140px; }
.user-playlist-btn.ultrawide { background: transparent url("/media/images/icons/graybtnultrawide.png") 0 0 no-repeat; width: 280px; }
.user-playlist-btn:hover { opacity: 0.7; filter:alpha(opacity=70);cursor: pointer;}
.playlist_select { margin-top: 20px; margin-right: 7px; margin-left:2px; float: right; width:18px; height: 18px; }
.user-playlist-actmode { height: 23px; padding: 3px; width: 160px; }

.price{ background:transparent url("/media/images/icons/icon.png") -38px -69px no-repeat; float: right; width: 38px; height: 18px; text-align: center; padding: 10px 0; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 10px 5px 0 0; }
.big-d { cursor:pointer; background:transparent url("/media/images/icons/icon.png") -162px -136px no-repeat; float: right; width: 38px; height: 38px; margin-right: 5px;}
span.clear {display: block;}
.ex{ cursor: pointer;width: 90px; height: 19px; display: block; background: transparent url("/media/images/icons/icon.png") 0 -133px no-repeat; float: right; padding: 4px 0 0 25px; margin: 10px -5px 0 0;font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif;font-size: 12px; }
.ex:hover{background-position: 0 -156px}
.expand .expanded {background-position: -85px -87px}
.expand .expanded:hover {background-position: -85px -110px}

.main-rows .opened .table-row, .main-rows .grey.opened .table-row  { background-color: #d7ecbe;border-bottom: 1px solid #fff;}
.row-hidden div { padding: 8px 21px 8px 28px; }
.row-hidden .row-keywords { background-color: #e1f2cd;}
.row-hidden a{color: #5a5a5a;}
.track-length { float: left;font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 23px; width:60px; height: 23px; background: transparent url("/media/images/icons/icon.png") 0 -110px no-repeat;text-align: center; padding: 0; margin:0 10px 0 0;}
.row-submix { position:relative; background-color: #d7ecbe; border-top: 1px solid #fff; padding: 3px 21px 3px 27px;}
.row-submix.stempack, .row-submix.looppack { background-color: #d7ecbe; padding-top: 7px; }
.row-submix .title{ float: left; margin-top: 11px;}
.row-submix.stempack .title, .row-submix.looppack .title { float:left; margin-top: 4px; margin-bottom: 8px;}

.row-submix a, .row-submix .track-length { margin-top: 8px; margin-bottom: 8px;}
.row-submix .price { margin-top: 0 }
.row-submix.stempack .price, .row-submix.looppack .price { margin-right: 58px; }
.keywords { float:left; padding-top: 3px; width: 510px;}
.keywords a:hover {text-decoration: underline;}
.row-submix a.big-d{ margin-top: 0; margin-bottom: 0;}
.stem-front { float: left; width: 54px; height: 23px; }

.row-composer {border-bottom: 1px solid #ececed; padding-left: 98px!important; color:#909090;}
.row-composer a:hover {text-decoration: underline;}
.row-composer span {margin-left: 30px;}

.opened .play{ background-position: 0 -46px }
.opened .basket{ background-position: -23px -46px}
.main-rows .opened .download{background-position: -46px -46px}
.main-rows .opened .like{background-position: -69px -46px}
.main-rows .opened .delete{background-position: -92px -46px}
.main-rows .opened .price{background-position: 0 -69px}
.main-rows .opened .plus{background-position: -143px -46px}
.main-rows .opened .plus:hover{background-position: -143px -23px}
.main-rows .opened .big-d{background-position: -162px -212px}
.main-rows .opened .big-d:hover, .big-d:hover{background-position: -162px -174px}

#sorts {width: 65%; float: right; padding: 6px 10px 0 0;}
#options{ float: right; width: 100%; }
#options li{margin:0 0 0 5px;float: right;}
#options li.active a{background: transparent url('/media/images/icons/r-on.png') 0 0 no-repeat;}
#options li.active a:hover {background: transparent url('/media/images/icons/r-on.png') 0 0 no-repeat;color: #070a0f;}
#options li a{ height:19px; display:block; width: auto; padding:1px 5px 0 22px; color: #070a0f; text-decoration: none;}
#options li a {background:url('/media/images/icons/r-off.png') 0 0 no-repeat;}
#options li a:hover{background:url('/media/images/icons/r-hover.png') 0 0 no-repeat;color:#5A5A5A;}

.displaying{float: left; margin-right: 5px;}

/* Playlist History Elements */

div.play-history {
    z-index: 20;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 11px;
    top: 14px;
    background: transparent url("/media/images/icons/mini_check.png") 0 0 no-repeat;
}

div.play-link {
    padding:0px;
    margin:0px;
    position: relative;
    z-index: 3;
}

div.historyring {
    padding:0px;
    margin:0px;
    z-index: 0;
    width:29px;
    height:29px;
    left: -8px;
    top: 14px;
    position:absolute;
    border-radius: 50%; 
    border: 3px solid #EE2177; 
    box-sizing: border-box; 
}

div.historyring.submix {
    left: 25px;
    top: 13px;
}

#submixes div.historyring.submix, #parentPanel div.historyring.submix {
    left: 24px;
    top: 8px;
}


/*~~~~~~~~~~ Menu ~~~~~~~~~~~~~*/
.filter-menu{ width: 304px; color: #1e1e1e; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; margin-left: -4px;}
.filter-head, .filter-foot{height: 23px; padding: 7px 5px 0 30px; font-size: 12px; font-weight: normal; display: block; margin-left: 0px;}
.filter-menu .filter-head, .filter-menu .filter-foot { margin-left: 4px; }
.filter-head { background: #d7d7d7 /*url("/media/images/icons/filter-mag.jpg") 10px 8px no-repeat*/; }
.filter-head a { font-size: 11px;}

.filter-item { display: block; height: 23px; background: #ececed url("/media/images/icons/filter-plus-minus.jpg") 0 0 no-repeat; padding: 6px 5px 0 34px; font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif;}
.filter-mode { display: block; height: 26px; background: #b9b9ba; margin-left: 4px; padding: 5px 5px 5px 30px; font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif;}

.filter-item:hover { cursor: pointer; }
.filter-item span {line-height: 18px; font-size: 12px;}
.open { background: #ececed url("/media/images/icons/filter-plus-minus.jpg") 0 -29px no-repeat; }
.hidden { display: none; background: #f6f6f6; padding: 15px 10px 7px 15px; margin-left: 4px;} 
.styles, .moods, .tempo, .time {display: block;}

.select-list { list-style: none; margin: 0; width: 275px; float: left;}
.select-list li { float: left; height: 22px; margin: 0px 4px 8px 0; padding: 0; }
#page-content .select-list li a, .select-list li a{ background: #d7d7d7; border: 0 none; color: #1e1e1e; display:block; font-size: 10px; font-weight: normal; height: 22px; line-height: 22px; padding: 0 11px; text-decoration: none; font-family: tahoma, verdana, arial, helvetica, sans-serif; }
#page-content .select-list li a:hover, .select-list li a:hover { background: #5a5a5a; cursor: pointer; color: #fff; }
#page-content .select-list li a.selected, .select-list li a.selected { background: #1e1e1e; color: #fff;}
#page-content .select-list li a:hover, .select-list li a:hover { background: #5a5a5a; cursor: pointer; color: #fff; }
#page-content .select-list li a.selected, .select-list li a.selected { background: #1e1e1e; color: #fff;}
#page-content .select-list.expanding li a:hover, .select-list li a:hover { background: #5e94ad; cursor: pointer; color: #fff; }
#page-content .select-list.expanding li a.selected, .select-list li a.selected { background: #4e849d; color: #fff;}
#page-content .select-list li a, .select-list li a { border-radius: 10px; -moz-border-radius: 10px; }

#page-content .select-list li a.filterchild, .select-list li a.filterchild { background: #eaeaea; }
#page-content .select-list li a.filterchild.selected, .select-list li a.filterchild.selected { background: #555; color: #fff;}
#page-content .select-list.expanding li a.filterchild.selected, .select-list li a.filterchild.selected { background: #6ba4bd; color: #fff;}

.mode-list { list-style: none; margin: 0; width: 275px; float: left;}
.mode-list li { float: left; margin: 0px 14px 4px 0; }
#page-content .mode-list li a, .mode-list li a{ background: #d7d7d7; border: 0 none; color: #1e1e1e; display:block; font-size: 10px; font-weight: bold; height: 16px; line-height: 16px; padding: 0 11px; text-decoration: none; font-family: tahoma, verdana, arial, helvetica, sans-serif; border: 5px solid #d7d7d7;}
#page-content .mode-list li a:hover, .mode-list li a:hover { background: #4abe00; cursor: pointer; color: #fff; border: 5px solid #4abe00;}
#page-content .mode-list li a.f-refining.selected { background: #1e1e1e; color: #fff; border: 5px solid #4abe00}
#page-content .mode-list li a.f-expanding.selected { background: #4e849d; color: #fff; border: 5px solid #4abe00}
#page-content .mode-list li a, .mode-list li a { border-radius: 10px; -moz-border-radius: 10px; }

.f-clear-btn { display: none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #5a5a5a; margin-bottom:2px; text-decoration: none; padding: 3px 8px 0; background: #d7d7d7; font-weight: normal; float: right; height: 20px;}
.f-clear-btn:hover { color: #1e1e1e;}    
#f-clear { background: #b9b9ba; height: 22px; }
.open .f-clear-btn { background: #f6f6f6; }

.tempo, .time {padding: 0;}
.tempo .slide { background-image: url("/media/images/icons/slider-tempo-icons.jpg"); }
.time .slide { background-image: url("/media/images/icons/slider-time-icons.jpg"); }
.note, .n-note, .t-note{ display: block; padding: 10px 5px 10px 30px; }
.hidden .f-note { background-color: #000;}
.slide{ background: #d7d7d7 20px 20px no-repeat; padding: 50px 20px 20px 24px;}
#amount-fast, #amount-long, #amount-slow, #amount-short { border:0; margin-top: 10px; width: auto; float: left;}
#amount-fast, #amount-long {text-align: right; float: right;}

.f, .tf{ display: none; color: #fff;}
.f .amounts, .tf .amounts { background-color: #000; color: #fff; width: 34px; text-align: center; margin-top: 0px; padding: 0;}  

.ui-slider { position: relative; text-align: left; background: transparent url("/media/images/interface/slider-shadow.jpg") 0 0 repeat; border: none; }
.ui-slider .ui-slider-handle { background: transparent url("/media/images/icons/slider-pull.png") 0 0 no-repeat; position: absolute; z-index: 2; width: 17px; height: 17px; cursor: pointer; outline: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 9px; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-widget-header { border: 1px solid #e78f08; background: #000; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/*~~~~~~~~~ common ~~~~~~~~~*/
h1, h3 {font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 2em; margin: 0 0 5px 0; line-height: 1;}
h4{ font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 1.2em; margin: 0 0 5px 0;}
input, textarea { background: #fff url("/media/images/interface/white.gif") 0 0 no-repeat; padding: 0 5px;}
label {  color: #000; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 20px;}
a img:hover { opacity:0.8;filter:alpha(opacity=80)}
.title:hover {text-decoration: underline;}
.content hr {margin: 25px 0;}
.content ul {padding: 5px 0 5px 14px; list-style: disc;}
hr {border-top: none; border-left: none; border-right: none;}

#page-content a {color: #333;}
#page-content .info-links a, a.black-links, a.green-links{background: transparent url("/media/images/icons/info-link.png") 0 0 no-repeat;display:block; width:249px; height: 23px; line-height: 23px; color: #fff; padding: 0 0 0 25px;font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; margin: 0 0 1px 0;font-size: 12px;}
a.green-links{ background-position: 0 -23px; color: #fff!important;}
#page-content .featured-item a, #page-content a.black-links{color: #fff!important;}
#page-content .featured-item a:hover, #page-content a.black-links:hover { text-decoration: none!important;}
.help #page-content .content a {color: #558095;}
.knowledge #page-content .content a {color: #5b8374;}
.knowledge #page-content .content a:hover, .help #page-content .content a:hover { text-decoration: underline;}

.info { display: block; float: right; width: 17px; height: 17px; background: transparent url("/media/images/icons/filter-info.jpg") 0 0 no-repeat; margin:0}
.filter-foot { background: #4e849d; border-top: 1px solid #354b62; color: #fff; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif;}
.intro {padding-bottom:25px;}
.intro p{ font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; max-width: 610px;line-height: 1.3; font-size: 12px}
.lower-intro {padding: 55px 15px 10px}
.short-top .intro{ padding-bottom: 0;}
.intro p a{ color: #000;}
.intro p a:hover{ text-decoration: underline;}

.breadcrumb{padding-bottom: 10px;}
.breadcrumb a, .breadcrumb span{ font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; color: #5A5A5A; font-size: 12px;}
.breadcrumb a:hover{text-decoration: underline}

.grey, .main-rows .grey .table-row, .grey .composer-wrap {background-color:#f6f6f6;}
#page-content .title{font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 14px; line-height: 17px; display: block;}
#page-content .subtitle{font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; line-height: 14px; display: block;}
#page-content .track-description { color: #070a0f; line-height: 15px; }
.track-details{float: left; color: #333;}
.hidden {display: none;}
.page-heading{ border-bottom: 1px solid #d7d7d7; padding: 25px 15px 50px; width: 960px; margin: 0 auto;}
.page-heading .intro {float: left; width: 620px;}
.info-links {padding: 0;}
.page-heading .info-links {float: right; width: 250px; padding: 5px 0 0 0 ;}

.featured { padding: 0px; width: 630px;}
#join-us {display: block;}
.page-heading #join-us { float: right; position: relative; bottom: -4px; right: -7px; margin-top: -19px;}
.page-heading #sign-up-composer { margin: 0; float: right; display: block; position: relative; bottom: 0;}

.aside-info {float: left;}
.featured .first { clear: left; margin-right: 30px;}
.featured-item, .composer-browse, .contact-details {float: left; display: block; width: 300px; height: auto; background-color: #ececed; margin-bottom: 30px; }
.featured-item { background-color: #1E1E1E;}
.featured-item p, .composer-browse p, .contact-details p{ font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 1.3}
p.f-des { padding: 14px 15px 12px;}
.featured-item p.f-des { background-color: #ECECED;}
p.b-des { height: 28px; padding: 15px 15px 0; border-bottom: 1px solid #e1e2e2;}
.featured-item span { padding: 15px 15px 10px}
.type{ background-color: #d7d7d7; padding: 0 15px; height: 30px; }
.type p { line-height: 30px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px;}
.f-info { background-color: #1e1e1e; color: #fff; padding: 10px 15px;}
.f-info p{ font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif;}
.featured-item { border-radius:10px; }
#page-content .f-info a { color: #fff; }

.selectors {background-color: #f6f6f6; padding: 15px 15px 7px}
.composer-wrap {width: 258px; display: inline-block; padding: 10px 15px 15px 25px; border-bottom: 1px solid #ececed; vertical-align: top;}
.row-wrap .first {margin-right: 30px;}
div.snapshot { background-color: #ececed; padding: 5px 15px; display: inline-block; color: #646464; margin: 10px 0 0 -15px;font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; -moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}

#detail-heading {border: none; padding-bottom: 0px;}
.info-li-links{padding: 10px 0 0;}
.info-li-links a {background: transparent url("/media/images/icons/info-link-light.png") 0 0 no-repeat;display:block; width:249px; height: 23px; line-height:23px; color: #646464; padding: 0 0 0 25px;font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; margin: 0 0 1px 0; font-size: 12px}
.info-li-links a:hover {text-decoration:underline;}

.recent { border-top:1px solid #ececed; margin-bottom: 30px; }
.recent li { padding: 7px 15px; border-bottom:1px solid #ececed;}
#page-content .recent li a {color: #070a0f; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; cursor: pointer; font-size: 12px;}
#page-content .recent li a:hover {text-decoration: underline;}

.track-icons { margin: 0 0 -26px -10px;}
.track-icons a.icon { background: transparent url("/media/images/icons/icons-track-detail.png") 0 bottom no-repeat; display: block; width: 52px; height: 52px; float: left; margin-right: 10px; cursor: pointer;}
.track-icons .track-length { background: transparent url("/media/images/icons/icons-track-detail.png") -40px -157px no-repeat; float: left; margin-top: 15px; }
.track-icons .price {width: 38px; height: 18px; float: left; background: transparent url("/media/images/icons/icons-track-detail.png") 0 -158px no-repeat; margin-top: 7px; margin-right: 10px; padding: 10px 0; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 14px; line-height: 18px;}
.composed-by { background-color: #98ca69; float: left; display: block; height: 22px; line-height: 22px; padding: 0 15px; margin: 15px 10px 0 0; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px;}
.composed-by a{ color: #333;}
.composed-by a:hover{text-decoration: underline;}
#big-play {width: 182px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; padding: 18px 0 0 15px; height: 33px;}
#big-like { background-position: 0 -52px;}
#big-download {background-position: -53px -52px;}
#big-basket {background-position: -106px -52px;}
#big-play:hover, #big-play.on {background-position: 0 0;}
#big-like:hover, #big-like.on {background-position: 0 -105px;}
#big-download:hover, #big-download.on {background-position: -53px -105px;}
#big-basket:hover, #big-basket.on  {background-position: -106px -105px;}

.quick-links { background-color: #f6f6f6; }
.quick-links .recent { border-top: none;}
.quick-links .recent .first { padding-top: 15px;}
.quick-links .recent .last { border-bottom:  none; padding-bottom: 15px;}

#remove-all {background-position: 0 -179px; width: 97px; }
#remove-all:hover { background-position: 0 -202px;}
.composer-sign-up { background: #e5e9da; padding: 25px 15px 20px; margin-bottom: 30px;}
.composer-sign-up p { font-size: 12px;font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; }
.section-header { border-bottom: 1px solid #e1e2e2; margin-bottom: 15px; padding: 0 0 15px 0;}
.section-content { padding-left: 15px; padding-right: 15px;}
.section-content p {font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; max-width: 610px;line-height: 1.3; font-size: 12px}

.sign-up-form { margin-bottom: 25px;}
.sign-up-top { padding: 0 18px 11px 15px; line-height: 23px;}
.sign-up-top label {margin-right: 5px;}
.sign-up-top .item p { display: inline; line-height: 23px;}
.sign-up-top .key { float: right;}
.sign-row{ margin-bottom: 1px; background-color: #ececed; width: auto; padding: 20px 10px 15px 15px;}
.item {width: 285px; float: left;}
.item.first {margin-right: 35px;}
#checkout .item select#countryID { float: left; width: 152px;}
.sign-row.red { background-color: red; color: #fff; font-weight: bold;}

.sign-row input, .sign-row textarea{  border: 1px solid #b7b7b9; display: block; width: 140px;  float: left;  height: 20px; line-height: 20px; }
.sign-row label { display: block; width: 112px;  float: left; }
.sign-row p { line-height: 23px;}
#checkout .static .sign-row { padding-top: 15px;}
#checkout .sign-row p { font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px }
.item select, .busage select { border: 1px solid #b7b7b9; }
.key { padding: 0 0 0 15px ; background: transparent url("/media/images/icons/required.png") 0 6px no-repeat; min-height: 20px; line-height:20px; float: left; margin-left: 5px; color: #5a5a5a;}
.sign-row textarea { float: none; width: 465px; max-width: 465px; height: 100px; margin-bottom: 10px; padding: 5px;}
#news, #submit, #submit1, #log-in, .upgrade, .intro #edit, .submit_button {font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 1;}
#submit, #submit1, #log-in, .upgrade, .intro #edit, .submit_button { width: 87px; height: 23px; display: block; background: transparent url("/media/images/icons/submit.png") 0 0 no-repeat; border: none; line-height: 23px; color: #fff; outline: none; cursor: pointer; text-align: center;}
button:focus {outline:none;}
button::-moz-focus-inner { border: 0; }
#submit.savechanges {background: transparent url("/media/images/icons/button-save-changes.png") 0 0 no-repeat; width: 119px;}
.static #edit { width: 119px; height: 23px; background: transparent url("/media/images/interface/btn-grey.png") 0 0 no-repeat; line-height: 23px; float: right; text-align: center; margin-bottom: 11px; font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; cursor: pointer;}

.contact-details div, #account-info div{ padding: 15px;}
.contact-details div b, #account-info div b { font-size: 12px;}
.contact-details .type { padding-top: 0; padding-bottom: 0;}
.phone{ border-bottom: 1px solid #e1e2e2;}
.email, .write{ border-top: 1px solid #f6f6f6;border-bottom:1px solid #e1e2e2; }
.phone p, .email p, .write p { margin-bottom: 10px;}

.secondary-intro {color:#646464; padding-bottom: 10px; }
.secondary-intro p {font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; padding-bottom: 5px;}
.secondary-intro p a{ text-decoration: underline;}
section .secondary-intro h3, section .secondary-intro h1 {margin-bottom: 10px;}
section .content, .q { padding: 25px 0; border-top: 1px solid #EBEBEB;}
section .content .info-links { padding-top: 25px;} 
#page-content section .content p a { color: #4E849D; }
#page-content section .content p a.black-links {color: #fff;}
#page-content section .content p a:hover{ text-decoration: underline;}

ul.faqs { list-style: disc; padding: 18px 0 0 15px;}
#page-content ul.faqs li { margin-bottom: 3px; color: #4E849D; }
#page-content ul.faqs a { color: #4E849D; }
ul.faqs li:hover { text-decoration: underline;}

.upgrade:hover, #submit:hover, #submit1:hover, #edit:hover, .submit_button:hover { opacity: 0.7; filter:alpha(opacity=70)}
.acc { background-color: #c4dfec; margin-top: 1px;}
.acc h4 { margin: 10px 0 0}
.download-upgrade { background: #efdeca url("/media/images/icons/download.png") 230px 15px no-repeat; margin-top: 30px }
.download-upgrade p, .license-upgrade p { width: 200px;}
#page-content .download-upgrade .upgrade, #page-content .license-upgrade .upgrade, #page-content .acc .upgrade { background: transparent url("/media/images/interface/btn-upgrade-o.gif") 0 0 no-repeat; width: 119px; color: #fff; text-align: center; margin-top: 15px;}
.license-upgrade { background: #e8daee url("/media/images/icons/basket.png") 230px 15px no-repeat; margin: 30px 0 }
#page-content .license-upgrade .upgrade { background: transparent url("/media/images/interface/btn-upgrade-p.gif") 0 0 no-repeat;}
#page-content .acc .upgrade { background-image: url("/media/images/interface/btn-update.gif")}

.intro #edit{ float: left; margin-left: 20px;}
#page-content .acc-edit { color: #f6ebfb; background-color: #a778c0; padding: 0 10px; float: right; }
.busage #selection { display: none; padding: 13px 15px 14px;}
.busage {background-color: #E8DAEE; margin-bottom: 30px;}
.busage .use { padding: 15px;}

#checkout-button-table { padding: 15px 0 15px 430px;}
#checkout-button { margin-bottom: 30px; border-top: 1px solid #ECECED; padding-top: 15px;}
#checkout-button #submit1, #checkout-button-table #submit {margin-left: 15px; width: 160px; font-size: 14px; height: 27px; line-height: 27px; background-image: url("/media/images/interface/btn-checkout.png")}
#basket-links .recent { border-top: none; padding-top: 10px;}

.help .side-nav { border-left: 1px solid #719FB5; }
body.help aside { padding-top: 0;}
body.help aside .secondary-intro {padding-top: 25px;} 
.knowledge .side-nav { border-left: 1px solid #8AB4A4;}
.knowledge .return { background-color: #c4ecdd;}
.return { width: 100%; background-color: #C4DFEC; line-height: 35px; display: block; height: 35px; text-indent: 15px;}
.return:hover {text-decoration: underline;}
.cycle { clear: both; min-height: 220px;}
.slideshow div:first-child { display:block;}
.slideshow div { display: none;}
/*~~~~~~~~~~~~ Modals ~~~~~~~~~~~~~~*/
#myModal { overflow: hidden;}
#modal { background: none;}
.modal-overlay { position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;margin:0;padding:0;background:#323232;opacity:.75;filter: alpha(opacity=75);-moz-opacity: 0.75;z-index:998;}  
.modal-window {position:fixed;top:50%;left:50%;margin:0;padding:0;z-index:999;}  
.close-window {position:absolute;right:15px;top:10px;background:transparent url('/media/images/icons/close.png') no-repeat scroll right top;overflow:hidden;background: transparent url("/media/images/icons/close.png") -17px 0 no-repeat;display:block;width:17px;height:17px;text-indent:-999em;cursor:pointer;}  
.close-window:hover{opacity:.99;filter: alpha(opacity=99);-moz-opacity: 0.99;} 

/*~~~~~~~~~~~~~~Player~~~~~~~~~~~~~~~*/
div.jp-audio{font-size:1.25em;font-family: tahoma, verdana, arial, helvetica, sans-serif;line-height:1.6;color: #666;}
div.jp-audio {width:650px;}
div.jp-interface {position: relative;background:#1e1e1e url("/media/images/icons/loader.gif") 95px 24px no-repeat;width:100%;}
div.jp-audio div.jp-type-playlist div.jp-interface {height:88px;width: 470px;float: left;}
div.jp-interface ul.jp-controls {list-style-type:none;padding:0;margin: 0;}
div.jp-interface ul.jp-controls li {/* position: absolute; */display:inline;}
div.jp-interface ul.jp-controls a {	position: absolute;	overflow:hidden;text-indent:-9999px;}
a.jp-play,a.jp-pause {width:40px;height:40px;z-index:1;}
div.jp-audio div.jp-type-single a.jp-play,div.jp-audio div.jp-type-single a.jp-pause {top:20px;left:40px;}
div.jp-audio div.jp-type-playlist a.jp-play,div.jp-audio div.jp-type-playlist a.jp-pause {top:19px;left:0;}
a.jp-play {background: url("/media/images/icons/JPlayer_Skin.jpg") 0 0 no-repeat;}
a.jp-play:hover {background: url("/media/images/icons/JPlayer_Skin.jpg") -40px 0 no-repeat;}
a.jp-pause {background: url("/media/images/icons/JPlayer_Skin.jpg") 0px -42px no-repeat;display: none;}
a.jp-pause:hover {background: url("/media/images/icons/JPlayer_Skin.jpg") -40px -42px no-repeat;}
div.jp-audio div.jp-type-single a.jp-stop {top:26px;left:90px}
div.jp-audio div.jp-type-playlist a.jp-stop {top:25px;left:45px}
a.jp-stop {	background: url("/media/images/icons/JPlayer_Skin.jpg") 0 -83px no-repeat;width:28px;height:28px;z-index:1;}
a.jp-stop:hover {background: url("/media/images/icons/JPlayer_Skin.jpg") -29px -83px no-repeat;}
div.jp-audio div.jp-type-playlist a.jp-previous {left:20px;top:25px;}
a.jp-previous {	background: url("/media/images/icons/JPlayer_Skin.jpg") 0 -112px no-repeat;	width:28px;	height:28px;}
a.jp-previous:hover {background: url("/media/images/icons/JPlayer_Skin.jpg") -29px -112px no-repeat;}
div.jp-audio div.jp-type-playlist a.jp-next {left:88px;	top:25px;}
a.jp-next {background: url("/media/images/icons/JPlayer_Skin.jpg") 0 -141px no-repeat;width:28px;height:28px;}
a.jp-next:hover {background: url("/media/images/icons/JPlayer_Skin.jpg") -29px -141px no-repeat;}
div.jp-progress {position: absolute;overflow:hidden;}
div.jp-audio div.jp-type-playlist div.jp-progress {top:25px;left:95px;width:294px;height:29px;}
div.jp-seek-bar {width:0px; background-repeat:no-repeat; background-position: left center; height:100%;cursor: pointer;}
div.jp-play-bar {width:0px; background-repeat:no-repeat; background-position: left center; height:100%; border-right: 1px solid #fff;}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {	background: url("/media/images/icons/JPlayer-loading.gif") 0 0px;}
a.jp-mute,a.jp-unmute {	width:18px;	height:15px;}
div.jp-audio div.jp-type-playlist a.jp-mute,div.jp-audio div.jp-type-playlist a.jp-unmute {	top:32px;left:410px;}
a.jp-mute {	background: url("/media/images/icons/JPlayer_Skin.jpg") 0 -186px no-repeat;}
a.jp-mute:hover {background: url("/media/images/icons/JPlayer_Skin.jpg") -19px -170px no-repeat;}
a.jp-unmute {background: url("/media/images/icons/JPlayer_Skin.jpg") 0 -170px no-repeat;display: none;}
a.jp-unmute:hover {	background: url("/media/images/icons/JPlayer_Skin.jpg") -19px -186px no-repeat;}
div.jp-volume-bar {	position: absolute;	overflow:hidden;background: url("/media/images/icons/JPlayer_Skin.jpg") 0 -265px repeat-x;width:96px;height:13px;cursor: pointer;}
div.jp-volume-bar:active, div.jp-volume-bar:hover { cursor: pointer; }
div.jp-audio div.jp-type-playlist div.jp-volume-bar {top:33px;left:435px;}
div.jp-volume-bar-value {background: url("/media/images/icons/JPlayer_Skin.jpg") 0 -278px repeat-x;width:0px;height:13px;}
div.jp-current-time,div.jp-duration {position: absolute;font-size:.64em;}
div.jp-duration {text-align: right;}
div.jp-audio div.jp-type-playlist div.jp-current-time,div.jp-audio div.jp-type-playlist div.jp-duration {top:57px;left:105px;width:274px;}
div.jp-playlist {width:180px;height: 88px;background-color:#1e1e1e;border-top:none;float: left;position: relative;font-family: tahoma, verdana, arial, helvetica, sans-serif;z-index: 10;}
div.jp-playlist ul {list-style-type:none;margin:0;padding:0;font-size:.72em;color: #d7d7d7;}
div.jp-type-playlist div.jp-playlist li {padding:5px 0 4px 20px;border-bottom:1px solid #eee;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {padding:5px 0 5px 20px;border-bottom:none;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {list-style-type:square;list-style-position:inside;padding-left:8px;}
div.jp-type-playlist div.jp-playlist a {color: #666;text-decoration: none;}
div.jp-type-playlist div.jp-playlist a:hover {color:#0d88c1;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {color:#0d88c1;}
div.jp-type-playlist div.jp-playlist div.jp-free-media {display:inline;margin-left:20px;}
div.jp-jplayer {width:0px;height:0px;}
div.jp-jplayer {background-color: #000;}
div.jp-left-overlay { background: transparent url("/media/images/interface/jp-player/overlay-left.png") 0 0 no-repeat; width: 1px; height: 31px; position: absolute; top: -1px; left:0px}
div.jp-left-overlay-upper { background: transparent url("/media/images/interface/jp-player/overlay-left.png") 0 0 no-repeat; width: 16px; height: 10px; position: absolute; top: -1px; left:-1px}
div.jp-left-overlay-lower { background: transparent url("/media/images/interface/jp-player/overlay-left.png") 0 -21px no-repeat; width: 16px; height: 10px; position: absolute; top: 20px; left:-1px}

div.jp-right-overlay{background: transparent url("/media/images/interface/jp-player/overlay-right.png") 0 0 no-repeat; width: 15px; height: 31px; position: absolute; top: -1px; right:0}
.player-bg{ background: transparent url("/media/images/icons/JPlayer_Skin.jpg") 0 -291px no-repeat; display: block; width: 95px; height: 31px; position: absolute; top: 24px; left: 0; }
#like { background: transparent url("/media/images/icons/JPlayer_Skin.jpg") -28px -322px no-repeat; display: block; width: 28px; height: 31px; position: absolute; top: 24px; left: 153px; text-indent: -999em; }
#like:hover, #like.on { background-position:  0 -322px;}
#title { background: transparent url("/media/images/icons/JPlayer_Skin.jpg") 0 -291px no-repeat; display: block; width: 129px; height: 26px; position: absolute; top: 24px; left: 10px; font-size: 14px; padding: 5px 5px 0 10px; overflow: visible; font-family: ProximaNova-SemiBold, tahoma, verdana, arial, helvetica, sans-serif; }
#artist{ position: absolute; top: 57px; left: 26px; font-size: 10px; height: 16px; width: 310px; overflow: hidden; color: #E0E0E0;}

/* ~~~~~~~~~ footer ~~~~~~~~~~ */			
footer{position: fixed;bottom: 0;width: 100%; font-size: 12px;z-index: 500}
.wrap{width: 980px;margin: 0px auto;}	
footer .wrap-left{width:245px;float:left;}
footer .wrap-right{width:735px;float:left; position: relative;}	
footer .lower-footer{width: 100%; background: #e0e0e0;bottom:0;padding: 8px 0 7px; position: relative; z-index: 11;}	
footer .lower-footer p, footer .lower-footer a {font-size: 10px; }
footer .wrap-left p {padding-left: 12px;}
.link{ text-indent: -999em; display: inline-block; width: 43px; height: 43px; background: transparent url("/media/images/icons/JPlayer_Skin.jpg") 0 0 no-repeat;margin: 22px 5px 0 0; }
.f-like{ background-position: -57px -323px;}
.f-basket{ background-position: -147px -323px; position: relative}
.f-download{ background-position: -102px -323px; }	
.lower-footer .wrap-right p { padding: 0 0 0 26px;}
.lower-footer .wrap-right p a, .lower-footer .wrap-left p a {color: #333;}
.lower-footer .wrap-right p a:hover, .lower-footer .wrap-left p a:hover { text-decoration: underline;}
.logout { margin-left: 50px; background: transparent url("/media/images/icons/logout.gif") 0 4px no-repeat; padding: 0 0 0 10px;color:#000} 
.logout:hover { text-decoration: underline;}

.f-basket span { position: absolute; display: block; width: 24px; height: 23px; line-height: 23px; color: #fff;font-family:tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; background: transparent url("/media/images/icons/icon.png") -130px -158px no-repeat; z-index: 15; top: -8px; right: -8px; text-indent: 0px; text-align: center}

#player-holder{ padding-top: 13px; position: relative; z-index: 10; }
#player-holder.apple, #player-holder.android{ padding-top: 0px}
.mm{ width: 29px; height: 23px; display: block; overflow: hidden; background: transparent url("/media/images/icons/icon.png") -101px bottom no-repeat; text-indent: -9999em; position: absolute; right: 10px; top: -13px; cursor: pointer;}
#shrink-player:hover{ background-position: -68px bottom; }
#show-player { background-position: -2px bottom; top: -21px; display: none; z-index: 12;}
#basket-show-player { background-position: -131px bottom; top: -21px; display: none; z-index: 12;}
#like-show-player { background-position: -131px -203px; top: -21px; display: none; z-index: 12;}
#show-player:hover{background-position: -35px bottom;}
.trigger-wrapper {background: #1e1e1e; height: 88px;}

#page-footer { display: block; height: 51px; width: 100%; background-color: #f6f6f6; padding: 9px 0 120px 0; clear: both; margin: 30px 0 0 0;}
#page-footer a { text-decoration: underline; color: #5a5a5a;}
#page-footer p {float: left; width: 710px; padding-left: 10px;}
#page-footer span { float: right; width: 244px;}
#page-footer p a {margin-left: 10px;}
#page-footer ul {float: right;margin:0 10px 0 10px;}
#page-footer ul li {display: inline; }
#page-footer ul li a { float: left; margin: -12px 0 0 5px; font-size:0; background: transparent url("/media/images/icons/link-favicons.png") 0 0 no-repeat; width: 32px; height: 32px; font-size: 0px; text-indent: -999em; overflow: hidden; text-decoration: none;}
#page-footer ul li #link2{ background-position: -32px 0;}
#page-footer ul li #link3{ background-position: -64px 0;}
					
/*~~~~~~~~~~ Getting Started ~~~~~~~~~~~*/
.started-menu{width: 300px; margin: 0 0 30px 0; color: #fff; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px;}
.started-top{background-color: #1e1e1e; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; height: 31px; font-size: 22px; padding: 14px 10px 0 30px}
.started-bottom{background-color: #1e1e1e; height: 26px; color: #b7b8b8; padding: 8px 0 0 30px}
#page-content .started-bottom a { color: #fff;}
.started-menu ul li{border-bottom:1px solid #1e1e1e;background-color:#05a600;height:29px;}
.started-menu ul li:hover{background-color: #7ce401;}
#page-content .started-menu ul li a{color:#fff;height:22px;padding:7px 0 0 30px;display: block; width: auto;font-size:12px;}
.gsClose{background: transparent url("/media/images/icons/close.png") 0 0 no-repeat;display:block;width:17px;height:17px;text-indent:-999em;float:right;margin-top:0px;cursor:pointer;}
#menuClose{background-position: -17px 0;}

.started-info{padding:10px 30px 0 0}
.started-info h3, .started-info h1 { margin-bottom: 8px; font-size: 22px}
.started-info .info-links {padding: 16px 0 15px;}

/*~~~~~~~~clients and customers~~~~~~~~~*/
.cc p{color: #5a5a5a;}
.cc ul{margin-top: 25px;}
.cc ul li { display: inline;margin-right: 10px; height: 20px;}
.cc ul li img {margin-bottom: 15px;}

/*~~~~~~~~~~~specific~~~~~~~~~*/
#featured aside  { border-left: 1px solid #d7d7d7; width: 299px; padding-top: 30px;}
#featured-composers .main-rows .grey { background-color: #fff;}
#featured-composers .page-heading {padding-bottom: 0;}
.exc-detail aside { padding-top: 0;}
.exc-detail section { border-right: 1px solid #A3A3A3; width: 629px; padding-top: 30px}

.featured-aside{ border-top:1px solid #ececed; background-color: #f6f6f6;}
.featured-aside div.f-composer { line-height: 1.3;padding: 15px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px}
.featured-aside span.heading { padding: 0 15px; background-color: #d7d7d7; display: block; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal; height: 30px; line-height: 30px;}
.featured-aside div.snapshot { margin: 10px 0 0 0; } 
.featured-aside ul { background-color: #fff;border-top:1px solid #ececed;}
.featured-aside ul li {border-bottom:1px solid #ececed; width: auto; padding: 10px 15px 15px 0;}
.featured-aside ul li .play { margin-left: -5px; margin-top: 5px;}
.featured-aside .track-details{width: 240px;}
.featured-aside ul .on{background-color: #d7ecbe;}
.featured-aside ul .on .play {background-position: 0 -23px;} 
.featured-aside ul .on .play.on {background-color: transparent;}
#recent-composer .shown{display: block;}
#composer .lower-intro {color: #646464;}

#featured-tracks-detail .intro {width: 100%;}
#featured-tracks-detail .intro .select-list { width: 100%; margin-top: 10px; margin-left: -10px;}
#featured-tracks-detail .intro .select-list a { color: #070a0f; background-color: #b5da8d;}
#featured-tracks-detail .intro .select-list a:hover { background-color: #98ca69;}
#featured-tracks-detail #container { padding-top: 25px;}

#submixes.main-table, #parent-track.main-table { margin-bottom: 30px;}
#featured .recent { margin-bottom: 0px;}
#favourites #detail-heading { background: transparent url("/media/images/icons/favourites.png") 923px 17px no-repeat;}
#trybefore #detail-heading { background: transparent url("/media/images/icons/download.png") 923px 17px no-repeat;}
#basket-page #detail-heading { background: transparent url("/media/images/icons/basket.png") 923px 17px no-repeat;}

#sign-up .header-bottom, .account .header-bottom, .knowledge .header-bottom{background: #a3a3a3; }
.sign-up span, .sign-up {color: #fff!important;}
#sign-up .info-li-links a { background: transparent url("/media/images/icons/sign-up-link.png") 0 0 no-repeat; color: #fff;}
.sign-up .intro {padding-bottom: 25px;}
#sign-up aside { padding-top: 0;}

.staff-picks aside { border-left: 1px solid #c4dfec; width: 299px}
#featured-tracks-detail.staff-picks #container { padding-top: 0;}
#featured-tracks-detail.staff-picks section, #featured-tracks-detail.staff-picks aside { padding-top: 50px;}
#featured-tracks-detail.staff-picks .featured-tracks, #featured-tracks-detail.staff-picks .type, #featured-tracks-detail.staff-picks span.heading { background-color: #c4dfec;}

#account-details aside {padding-top: 115px}
#account-details .intro h3, #account-details .intro h1 { float: left;}
#account-details #submit {height: 27px; line-height: 27px; background: transparent url("/media/images/interface/btn-checkout.png") 0 0 no-repeat; width: 160px;}
#account-details #submit.myacctsub { height:23px; line-height:23px; background: transparent url("/media/images/icons/button-save-changes.png") 0 0 no-repeat; width: 119px;}
#editable { display: none;}

.info-page aside { padding-top: 0;}
.info-page section { padding-top: 30px;}

#search-result-wrapper { float: left; width: 675px; position: relative;}
#search-result-wrapper .main-table {margin-bottom: 0;}

#checkout section, #checkout aside { margin-bottom: 25px;}
/*~~~~~~~~~~~~Blog~~~~~~~~~~~~~~~*/

body.blog, body.dark-top { background: #fff url("/media/images/interface/background-blog.gif") 0 0 repeat-x;}
.blog section { width: 484px; border-right: 1px solid #fff; background-color: #fff; margin-bottom: 0px; padding-right: 0px;}
.blog aside {width: 200px; padding-top: 0; padding-left: 30px; padding-right: 0px;}
.blog section .secondary-intro { padding-bottom: 5px;}
.blog aside .secondary-intro { padding: 25px 0 5px;}
.blog aside .secondary-intro h3, .blog section .secondary-intro h3, .blog aside .secondary-intro h1, .blog section .secondary-intro h1 { margin-bottom: 5px;}
.blog section .content { padding-top: 7px;}
.blog .sub-head { background: #000; color: #fff;}
.blog .sub-head .breadcrumb a, .blog .sub-head .breadcrumb span { color: #fff;}
.blog #page-content .secondary-intro h3 a, .blog #page-content .secondary-intro h1 a  { color: #646464;}
.blog #page-content .secondary-intro h3 a:hover, .blog #page-content .secondary-intro h1 a:hover { color: #1e1e1e;}
#months-container {background-color: #ebebeb; float: left; }
#pager-container { float: left; margin-bottom: 60px;}
.pager { background: #000; clear: both; display: block; height: 35px; width: 100%; margin-top: 70px; float: left; color: #fff;}
#page-content .pager .displaying { line-height: 35px; text-indent: 28px;}
#page-content .pager .select-list{ height: 22px; margin-top: 6px;}
#page-content .pager .select-list li a{ background: #5A5A5A; color: #fff;}
#page-content .pager .select-list li a:hover { background: #D7D7D7; color: #1E1E1E;}
.blog article.first { margin-top: 0px;}
.blog article { margin-top: 55px;}
.blog article .article-wrapper { padding-right: 30px;}
.article-footer { background: #ebebeb; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; padding: 10px 13px 25px; width: auto}
.blog aside .months ul { border-top: 1px solid #f5f5f5;}
.blog aside .months ul li{ border-bottom: 1px solid #f5f5f5; padding-left: 0px;} 
#page-content .months ul li.year a { color: #646464; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif;}
#page-content .months ul li.year a:hover { text-decoration: none; cursor: default;}
.post-search { margin-bottom: 60px;}
.post-search .holder { border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-bottom: 15px;}
.post-search input { border: 1px solid #b7b7b9; display: block; float: left; width: 155px; height: 20px; line-height: 20px; margin:15px 0; float: none; }
.post-search p {  padding-top: 10px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; width: 170px;}
.social-links div{ padding: 15px;}

.fb div, .tw div, .rss div { padding: 0;}
.fb, .tw, .rss{ background-color: #f6f6f6;}
.tw, .fb{ border-top: 1px solid #e6e6e6;}
.fb a.acebook, .tw a.witter, .rss a.rs { float: left; padding-top: 7px;}
#fb-link, #tw-link, #rss-link { width: 32px; height: 32px; background: transparent url("/media/images/icons/link-favicons.png") 0 0 no-repeat; margin-right: 10px; overflow: hidden; display: block; float: left;}
#fb-link{ background-position: -64px 0;}
#tw-link{ background-position:-32px 0;}
#rss-link{ background: transparent url("/media/images/icons/rss.png") 0 0 no-repeat;}

.blog-detail section { padding-top: 31px;}
.blog-detail section .secondary-intro { padding-bottom: 10px;}
.blog-detail section .content { border-bottom: 1px solid #EBEBEB;}
.blog-detail #months { background-color: #ebebeb; margin-bottom: 0;}
.blog-detail #months-container { background-color: #fff;}

.pagers { padding-right: 30px; padding-top: 50px;}
.pagers div { height: 35px; display: block; margin-bottom: 1px; line-height: 35px; padding-left: 15px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif;} 
.pagers a { font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}
.pagers a:hover { text-decoration: underline;}
.back, #page-content .back a { background-color: #1e1e1e; color: #fff;} 
.previous-post { background-color: #ebebeb;}

#checkout-table { width: 990px; margin: 30px 0;}
#checkout-table tr { height: 58px; }
#checkout-table tr td {border-bottom: 1px solid #ececed; padding: 0 15px;}
#checkout-table .price {margin-top: 0px;}
#checkout-table .udetails { width: 265px; padding-left: 20px}
#checkout-table .details { width: 490px;}
#page-content .tright { text-align: right; padding-right: 18px;}
#page-content .tright a {color: #646464; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}
.cusage { background-color: #ececed; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 23px; padding: 3px 13px; color: #646464;}
#page-content .cusage:hover { background-color: #646464; color: #ececed; }
#page-content .usage-type a{ color: #646464;}
#page-content .usage-type a:hover { text-decoration: none;}
#checkout-table .edits { width: 140px; padding-top: 4px; position: relative;}
#checkout-table .tprice { width: 45px; padding: 0; margin-top: -3px;}
#checkout-table thead { font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; }

.totals-wrapper { margin-bottom: 80px;}
.totals { width: 585px;}
.totals .type { width: 270px; float: left;}
.totals .sub-total { background-color: #f6f6f6; padding-right: 30px;}
.totals p { line-height: 30px;}
.totals .sub-total p.sum{ padding-left: 370px;}
.totals p span { float: right;}
.totals .vat { padding: 0 30px 0 15px; width: 183px; border-bottom: 1px solid #ebebeb; float: right;clear:right; }
.vat p, .sub-total p {font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}

#thetotal { float: right; background-color: #d7d7d7; height: 37px; width: 620px; padding-left: 15px; margin-top: 29px;}
#thetotal p { font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; float: left; line-height: 36px; width: 184px; margin-right: 80px; }
#thetotal p span { float: right;}
#page-content #thetotal #submit { float: left; width: 356px; color: #fff; background: transparent url("/media/images/interface/checkout.png") 0 0 no-repeat; padding: 0; height: 37px; text-align: left; line-height: 37px; text-indent: 50px;}

.order-details{ width: 930px; background-color: #ECECED; padding:15px; margin: 0 0 0 15px;font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 16px;}
.ordername{ float: left; display: block; padding-left: 22px; background: transparent url("/media/images/icons/fav.png") left 0 no-repeat; }
.final-cost{  float: right; display: block;}
.order-details .text { font-family: ProximaNova-Regular,tahoma,verdana,arial,helvetica,sans-serif}
.order-details-wrapper { width: 583px;}

.payment { margin: 20px 15px 30px; padding-left: 15px; background-color: #d7d7d7; height: 37px; line-height: 37px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}
#page-content .payment #submit{ width: 306px; color: #fff; background: transparent url("/media/images/interface/checkout-pay.png") 0 0 no-repeat; float: right; height: 37px; line-height: 37px; vertical-align: middle; text-indent: 50px; text-align: left; position: relative; z-index: 1;}

.acct-detail { margin: 40px 0px 0px 0px; padding-left: 15px; background-color: #d7d7d7; height: 37px; line-height: 37px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}
#page-content #paymentbt { border:0px; font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; width: 300px; margin-top:15px; color: #fff; background: transparent url("/media/images/interface/bt-checkout-pay.png") 0 0 no-repeat; float: right; height: 37px; line-height: 37px; vertical-align: middle; text-align: center; position: relative; z-index: 1;}

.conditions { margin: 10px 0 80px 30px;}

.checkout-h {border-bottom: 1px solid #ececed; padding: 15px; overflow:hidden; width: 960px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px;}
.checkout-h div, .checkout-foot div{ float: left;}
.checkout-h .t { width: 555px;}
.checkout-body, .checkout-foot { float: left; clear: left; width: 990px;}
.checkout-body ul li {border-bottom: 1px solid #ececed; padding: 15px; float: left; width: 960px; clear: both;}
.checkout-body ul li div { float: left; display: block;}
.checkout-foot { border-bottom: 1px solid #ececed; padding: 15px; width: 960px; }
.checkout-foot .tright { float: right;}
.licence-text { padding: 15px; width: 960px; border-bottom: 1px solid #ececed; float: left; clear: left; min-height: 16px}
.licence-text p { width: 480px;}
.savetext { padding: 0 15px;}

.clear-search { cursor: pointer;width: 102px; height: 19px; display: block; background: transparent url("/media/images/icons/icon.png") 0 -179px no-repeat; float: right; padding: 4px 0 0 20px; font-family: ProximaNova-Semibold, tahoma, verdana, arial, helvetica, sans-serif;font-size: 12px; color: #333; position: absolute; top: -27px; right: 25px;}
.clear-search:hover { background-position: 0 -202px;}
.back-to-search {cursor: pointer;width: 114px; height: 24px; display: block; background: transparent url("/media/images/interface/backtosearch.png") 0 0 no-repeat; float: left; padding: 7px 0 0 18px; font-family: ProximaNova-Regular, tahoma, verdana, arial, helvetica, sans-serif;font-size: 12px; color: #333; margin: 11px 10px 0 0}
.back-to-search:hover { background-position: 0 -32px; text-decoration: underline;}

#n_basket { margin-left: 15px!important}
#n_basket span { position: absolute; width: 19px; height: 19px; display: block; background: transparent url("/media/images/icons/icon.png") -132px -137px no-repeat; font-size: 9px; font-family: tahoma, verdana, arial, helvetica, sans-serif; text-align: center; line-height: 19px; top: -10px; left: 15px}
#n_basket a { background: transparent url("/media/images/icons/header-basket.png") 0 0 no-repeat; padding-left: 35px; height: 23px; display: inline-block; line-height: 23px; position: relative}
#header-navigation > ul:first-child {margin-top: -4px;}
#accountBasket span {width: 19px; height: 19px; display: block; background: transparent url("/media/images/icons/icon.png") -132px -137px no-repeat; font-size: 9px; font-family: tahoma, verdana, arial, helvetica, sans-serif; text-align: center; line-height: 19px; float: right; color: #fff; margin-top: 6px}

/*Jquery autocomplete override*/
.ui-autocomplete {
    z-index: 499!important;   
    color: #000000;    
    background: rgb(203, 203, 204)!important;
    
}

.ui-autocomplete.ui-menu{
    margin-left: 10px;
    padding: 0;
}
    .ui-autocomplete.ui-widget-content {
        border: 0;
        border-left: 1px solid #D7D7D7;
        border-top: 1px solid #D7D7D7;
        border-right: 1px solid #D7D7D7;
    }


.ui-autocomplete.ui-menu li.ui-menu-item a {
    border: 0;
	border-bottom: 1px solid #D7D7D7;
    margin: 0px;
	padding: 6px;
    font-size: 11px;
    line-height: 16px;
	overflow: hidden;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
}
.ui-autocomplete.ui-menu.ui-corner-all{
    border-radius: 0;
   
}

.ui-autocomplete.ui-menu li.ui-menu-item a.ui-state-hover{
    background: #fff;
    color: #000;
}


.ui-autocomplete.ui-menu .ui-menu-item a.ui-corner-all {
    border-radius: 0;
     display: block;
}
#search.ui-autocomplete-loading{
    background: transparent url(jquery-ui/images/ajax-loader.gif) center right no-repeat;
}


.basket-section{
  margin-top: 60px;
}

.promo-discount{
  color: #a63bdf;
}

.promo-wrapper > p {
  margin-left: 15px;
}

.promo-wrapper p{
  font-size: 14px;
}

.promo-wrapper p strong{
  font-family:'ProximaNova-Semibold', Arial;
  font-weight: normal;
  
}

.promo-wrapper button{
  display: inline-block;
  color: #fff;
  font-size: 12px;

  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-decoration:none;
  font-family: ProximaNova-Bold, tahoma, verdana, arial, helvetica, sans-serif;

  height: 23px;
  line-height: 23px;
  border: none;
  padding: 0 20px;

  background-color: #9775A8; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9775A8), to(#B892CD));
  background-image: -webkit-linear-gradient(top, #9775A8, #B892CD);
  background-image: -moz-linear-gradient(top, #9775A8, #B892CD);
  background-image: -ms-linear-gradient(top, #9775A8, #B892CD);
  background-image: -o-linear-gradient(top, #9775A8, #B892CD);
  background-image: linear-gradient(to bottom, #9775A8, #B892CD);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9775A8, endColorstr=#B892CD);
}


.promo-wrapper button:hover{
  cursor: pointer;
  background-color: #7e5a90; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7e5a90), to(#a16fbd));
  background-image: -webkit-linear-gradient(top, #7e5a90, #a16fbd);
  background-image: -moz-linear-gradient(top, #7e5a90, #a16fbd);
  background-image: -ms-linear-gradient(top, #7e5a90, #a16fbd);
  background-image: -o-linear-gradient(top, #7e5a90, #a16fbd);
  background-image: linear-gradient(to bottom, #7e5a90, #a16fbd);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7e5a90, endColorstr=#a16fbd);
}

.promo-wrapper label{
  font-family:'ProximaNova-Semibold', Arial;
  font-size: 14px;
  display: inline-block;
}

.promo-wrapper input[type=text]{
  border: 1px solid #b7b7b9;
  display: inline-block;
  width: 140px;
  height: 21px;
  line-height: 21px;
  margin: 0 15px;
}

.lozenge{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  margin-top: 15px;
  padding: 20px 15px;
  background: #ECECED;
}


.promo-entered{
  display:none;
}