/* CSS Document */
html {
background: #16546e;
}
body {
font-family: 'Arial CE', Arial, Tahoma, sans serif;
font-size: 75%;
padding: 0;
margin: 0;
color: #555;
background: #13415E url('../img/bg.png') repeat-x;
}
.no-border {
border-style: none;
text-decoration: none;
}
.clear {
clear: both;
}
.hide {
display: none;
}
a {
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
img {
border: none;
}
#main {
width: 999px;
padding: 0;
margin: 0 auto 0 auto;
}
.alt {
background: #fff;
}
a.thickbox {
position: relative;
}
a.thickbox span {
display: block;
width: 26px;
height: 26px;
background: rgba(225,135,31,0.7) url('/img/lupa.png') 5px 5px no-repeat;
position: absolute;
right: 0px;
bottom: 3px;
z-index: 10;
radius: 6px;
-moz-border-radius: 6px;
}
/* ------------------------------------------------- HORNI BANNER A MENU -------------------------------------------------------------- */
#header {
width: 999px;
height: 110px;
position: fixed;
background: #5190A6 url('../img/bg.png') repeat-x;
z-index: 1000;
}
#wrapper {
padding-top: 110px;
}
#banner {
width: 994px;
height: 60px;
overflow: hidden;
position: relative;
}
#banner h1 {
margin: 0;
padding: 15px 0 0 0;
color: #fff;
text-align: left;
position: relative;
}
#banner h1 a {
color: #fff;
text-decoration: none;
width: 323px;
height: 36px;
display: block;
overflow: hidden;
line-height: 2000%;
}
#banner h1 a span {
display: block;
position: absolute;
left: 0px;
top: 15px;
z-index: 2;
background: url('../img/logo_elemental.png') no-repeat;
width: 323px;
height: 36px;
}
/* ------------------------------------------------- MENU - HORIZONTAL ------------------------------------------------------ */
#navigation-obal {
position: relative;
}
.searchBoxWrapper {
position: absolute;
left: 388px;
top: -35px;
z-index: 10;
width: 250px;
height: 25px;
}
.itemsInCart {
position: absolute;
right: 10px;
top: 9px;
z-index: 10;
width: 125px;
height: 30px;
text-align: right;
color: #fff;
background: url('../img/cart_symbol.png') 0 3px no-repeat;
}
.itemsInCart p {
margin: 0;
padding: 8px 0;
}
.itemsInCart p,
.itemsInCart a,
.itemsInCart a:link,
.itemsInCart a:visited {
color: #fff;
text-decoration: underline;
font-size: 13px;
font-weight: bold;
}
.cartIco {
text-decoration: none !important;
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 6;
width: 20px;
height: 30px;
}
#horizontal-menu {
width: 100%;
height: 48px;
padding: 0;
margin: 0 0 5px 0;
background: url('../img/menu-bg.png') 0 5px no-repeat;
}
#horizontal-menu ul {
margin: 0;
padding: 4px 0 0 0;
}
#horizontal-menu li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}
#horizontal-menu li a,
#horizontal-menu li a:link,
#horizontal-menu li a:visited {
display: block;
float: left;
padding: 13px 30px 13px 30px;
height: 14px;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: bold;
outline: none;
}
#horizontal-menu li a:hover,
#horizontal-menu li a.current {
background: #E1871F;
}
#horizontal-menu li:first-child a {
border-radius: 7px 0 0 7px;
-moz-border-radius: 7px 0 0 7px;
-webkit-border-radius: 7px 0 0 7px;
}
button.fulltext-submit {
width: 28px;
height: 28px;
overflow: hidden;
background: none;
border: none;
position: relative;
top: -4px;
padding: 0;
margin: 0;
background: url('../img/search.png') no-repeat;
}
button.fulltext-submit span {
display: none;
}
input.fulltext-input {
width: 133px;
height: 16px;
padding: 5px;
background-color: #c1d1de;
background: url('../img/search-input-bg.png') no-repeat;
border: none;
color: #A8A9AD;
font-weight: bold;
}
#info-lista-search {
display: none;
position: absolute;
left: 387px;
top: 22px;
z-index: 25;
}
#info-lista-search p {
margin: 0;
padding: 0;
}
/*
#info-lista {
width: 966px;
height: 42px;
background: #000 url('../img/top-menu.png') no-repeat;
font-size: 11px;
color: #fff;
overflow: hidden;
}
#info-lista form {
margin: 0;
padding: 0;
}
#info-lista p {
margin: 0;
padding: 3px 0 3px 0;
}
#info-lista-search {
width: 200px;
padding: 5px;
float: left;
}
input.fulltext-input {
width: 100px;
}
#info-lista-prihlaseni {
width: 558px;
padding-top: 12px;
float: left;
}
input.prihlaseni-submit {
background: #64b9e1;
color: #fff;
}
#info-lista-prihlaseni input {
margin-left: 5px;
border-style: none;
}
#info-lista-prihlaseni span {
padding-left: 10px;
}
#info-lista-kosik {
width: 208px;
height: 90px;
float: left;
background: #fff url('../img/cart-bck.jpg') no-repeat;
}
#info-lista-kosik h2 {
font-size: 12px;
padding: 0 0 5px 0;
margin: 15px 15px 5px 55px;
border-bottom: 1px solid #e6e6e6;
}
#info-lista-kosik p {
color: #333;
font-size: 11px;
padding: 0 0 5px 0;
margin: 8px 15px 5px 55px;
}
#info-lista-kosik p a {
color: #333;
font-size: 11px;
margin-top: -6px;
display: block;
text-decoration: none;
}
*/
#jplayer-obal {
position: absolute;
right: 0;
top: 10px;
width: 366px;
z-index: 35;
}
p#trackname {
color: #fff;
font-size: 11px;
padding: 5px 15px 5px 5px;
margin: 0;
font-weight: bold;
text-align: right;
}
#trackMarquee marquee {
height: 25px;
}
/* ------------------------------------------------- ROZDELENI STRANKY -------------------------------------------------- */
#content {
margin: 0;
min-height: 500px;
clear: both;
background: #fff;
color: #333;
padding-bottom: 50px;
}
#obsah {
width: 557px;
float: left;
}
#obsah p {
font-size: 13px;
padding: 0;
margin: 0;
}
#content-end {
clear: both;
height: 8px;
width: 100%;
}
#obsah h2 {
width: 746px;
height: 27px;
background: #4B4B4B url('../img/h2-content-bck.jpg') repeat-x;
margin: 0;
padding: 12px 0 0 12px;
color: #d60247;
font-size: 12px;
}
body p.had a,
body p.had a:link,
body p.had a:visited {
color: #A8A9AD;
margin: 5px 0;
padding: 0;
text-decoration: underline;
}
p.had {
margin: 10px 0 0 0;
}
#content-text p {
padding: 10px;
}
h2.left-col-h2 {
width: 718px;
height: 27px;
background: url('../img/h2-katalog-bck.jpg') no-repeat;
margin: 0;
padding: 12px 0 0 40px;
color: #fff;
font-size: 12px;
font-weight: normal;
}
/* ------------------------------------------------- PRAVY SLOUPEK ------------------------------------------------------ */
#right-col {
width: 232px;
margin: 15px 13px 15px 20px;
float: left;
}
#right-col h4 {
margin: 5px 0;
padding: 0;
}
/* ------------------------------------------------- PATICKA -------------------------------------------------------------- */
#footer-obal {
clear: both;
background: url('../img/footer-obal-bg.png') repeat-x;
width: 100%;
height: 100px;
}
#footer {
width: 999px;
height: 80px;
margin: 0 auto 0 auto;
padding: 10px 0;
clear: both;
color: #fff;
font-size: 12px;
text-align: center;
background: url('../img/elemental-music-logo.png') 10px 40px no-repeat;
}
#footer ul {
margin: 50px 0 0 400px;
padding: 0;
list-style: none;
}
#footer ul li {
float: left;
padding: 0 10px;
border-right: 1px solid #fff;
}
#footer ul li:last-child {
border: none;
}
#footer p {
margin: 0 15px 0 0;
padding: 0;
text-align: right;
}
#footer a {
color: #fff;
text-decoration: none;
}
body #footer a:hover {
text-decoration: underline;
}
#footer table {
margin: 100px 10px 30px 10px;
}
#footer table th {
font-size: 18px;
text-align: justify;
}
#footer table td {
text-align: justify;
padding-right: 40px;
}
#footer-loga {
clear: both;
width: 1171px;
border-top: 6px solid #fff;
margin: 0 auto 0 auto;
padding: 10px 0;
}
/* ------------------------------------------------- ARTISTS -------------------------------------------------------------- */
#levy-sloupek {
width: 153px;
margin: 15px 15px 15px 15px;
float: left;
color: #175259;
}
#center-col {
width: 536px;
margin: 15px 0;
float: left;
}
/*#center-col .obal {
padding: 0 0 0 10px;
}*/
ul.artists-list {
margin: 0;
padding: 0;
font-size: 11px;
}
ul.artists-list li {
list-style: none;
/*margin: 0 32px 10px 0;*/
margin: 0px 5px 40px 5px;
padding: 0;
float: left;
width: 124px;
line-height: 140%;
}
ul.artists-list li.col-4 {
/*margin: 0 0 10px 0;*/
}
ul.artists-list li.col-1 {
clear: left;
}
ul.artists-list span {
display: block;
padding: 3px 0;
height: 29px;
}
ul.artists-list span.bio {
text-align: justify;
display: block;
height: 105px;
}
ul.artists-list span.genres_header {
color: #aaa;
height: 10px;
}
.nick strong {
font-size: 14px;
color: #32a5b4;
text-decoration: underline;
}
ul.new-releases {
margin: 0;
padding: 0;
}
ul.new-releases li {
margin: 0;
padding: 0 0 0 0;
list-style: none;
display: block;
width: 70px;
height: 70px;
overflow: hidden;
float: left;
border: 1px solid #fff;
}
ul.new-releases li:hover {
border: 1px solid #255972;
}
.sedy-obdelnik {
padding: 10px;
background: #E3EBEB;
margin-bottom: 10px;
}
.zluty-obdelnik {
padding: 10px;
background: #faf7e6;
margin-bottom: 10px;
}
#levy-sloupek h3 {
font-size: 14px;
margin: 0;
padding: 0;
position: relative;
width: 153px;
height: 39px;
}
#levy-sloupek h3 span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
width: 153px;
height: 39px;
}
#levy-sloupek h3.download span {
background: url('../img/download_h3_bg.png') no-repeat;
}
#levy-sloupek h3.artists span {
background: url('../img/artists_h3_bg.png') no-repeat;
}
#levy-sloupek h3.elements_left {
height: 76px;
}
#levy-sloupek h3.elements_left span {
background: url('../img/choose_elements_left.png') no-repeat;
height: 76px;
}
.sedy-obdelnik ul {
margin: 0;
padding: 0;
}
.sedy-obdelnik ul li {
margin: 0 0 0 20px;
padding: 0;
}
#levy-sloupek ul a,
#levy-sloupek ul a:link,
#levy-sloupek ul a:visited {
color: #175259;
display: block;
padding: 3px 5px 3px 1px;
}
#levy-sloupek ul li.active a {
font-weight: bold;
text-decoration: none;
}
.elements_left_div {
background: #f6f6f6;
text-align: center;
padding-bottom: 10px;
margin-bottom: 10px;
}
.elements_left_div a,
.elements_left_div a:visited {
color: #63878f;
}
.elements_left_div ul {
margin: 0;
padding: 0;
list-style: none;
}
#levy-sloupek .elements_left_div ul li a {
display: block;
width: 39px;
height: 25px;
padding: 43px 0 0 0;
text-align: center;
font-size: 11px;
font-weight: bold;
float: left;
text-decoration: none;
}
#levy-sloupek a.element_water {
background: url('../img/element_water.png') no-repeat;
margin: 0 23px;
}
#levy-sloupek a.element_earth {
background: url('../img/element_earth.png') no-repeat;
}
#levy-sloupek a.element_fire {
background: url('../img/element_fire.png') no-repeat;
margin: 0 23px;
}
#levy-sloupek a.element_wind {
background: url('../img/element_wind.png') no-repeat;
}
.sedy-obdelnik,
.elements_left_div {
-moz-border-radius: 0 0 10px 10px;
}
/* artist detail */
p.had,
body p.had a,
body p.had a:link {
color: #A8A9AD;
}
span.back_link {
display: block;
float: right;
width: 50px;
}
h2.artists-name,
#right-col h2,
#center-col h2,
#wide-col h2 {
color: #1B6268;
font-size: 24px;
padding: 0 0 10px 0;
margin: 0;
}
#center-col h2 {
margin-top: 10px;
}
#wide-col {
padding: 20px;
line-height: 150%;
}
/*.detail-obal {
margin-right: 10px;
font-size: 11px !important;
}*/
.leva-strana {
width: 220px;
float: left;
/*margin-right: 20px;*/
}
.genres {
display: block;
min-height: 30px;
color: #32a5b4
}
.buttons img {
display: block;
float: left;
margin-right: 10px;
border: none;
}
.buttons a,
.buttons a:visited {
padding-top: 0px;
color: #000;
text-decoration: underline;
font-weight: bold;
}
.prava-strana {
width: 300px;
float: right;
position: relative;
line-height: 130%;
}
.prava-strana #pieChart {
position: absolute;
right: 0;
top: -74px;
z-index: 500;
}
.prava-strana p {
text-align: justify;
padding-bottom: 5px;
font-size: 95%;
}
div.photo-slider {
background: #000;
padding: 5px;
margin-bottom: 5px;
}
.leva-strana h3,
.prava-strana h3 {
font-size: 11px;
color: #B7B5B5;
padding: 5px 0;
}
.leva-strana h3 {
margin: 0;
}
p.detail_genres_p {
margin: 0;
}
p.detail_genres_p a,
p.detail_genres_p a:link,
p.detail_genres_p a:visited,
span.genres a,
span.genres a:link,
span.genres a:visited {
color: #1B6268;
}
ul.releases {
margin: 0;
padding: 0;
}
ul.releases li {
list-style: none;
padding: 10px 0;
clear: both;
}
#getAjaxMusicContent ul.releases li {
list-style: none;
padding: 2px 0;
clear: both;
}
#getAjaxMusicContent #center-col {
margin: 5px 0;
}
span.release-image {
display: block;
float: left;
width: 110px;
margin: 1px 0 10px 0;
}
.release-image a {
display: block;
width: 100px;
height: 100px;
overflow: hidden;
border: 1px solid #c1d1de;
}
.release-image a:hover {
border: 1px solid #255972;
}
.artists-list li a.artists-preview-img {
display: block;
width: 110px;
height: 110px;
overflow: hidden;
border: 1px solid #c1d1de;
}
.artists-list li a.artists-preview-img:hover {
border: 1px solid #255972;
}
span.release-info {
display: block;
width: 426px;
height: 47px;
float: left;
}
span.release-basic-info {
clear: right;
}
span.release-header {
display: block;
padding-bottom: 5px;
font-weight: bold;
}
span.release-header a,
span.release-header a:link,
span.release-header a:visited {
text-decoration: underline;
color: #32a5b4;
/*color: #164561;*/
font-size: 14px;
}
span.release-header img {
float: right;
display: block;
padding: 3px 0 0 0;
}
a.read-more,
a.read-more-home {
display: block;
padding: 7px 38px 3px 5px;
height: 18px;
background: url('../img/read-more.png') top right no-repeat;
color: #000;
text-decoration: none;
}
a.read-less,
a.read-less-home {
display: block;
padding: 7px 38px 3px 5px;
height: 18px;
background: url('../img/read-less.png') top right no-repeat;
color: #000;
text-decoration: none;
}
h3.releases {
color: #A8A9AD;
font-size: 18px;
margin: 5px 0;
padding: 0;
}
a.view-tracks {
display: block;
width: 50px;
padding: 0px 5px 0px 33px;
margin: 5px 0;
height: 28px;
background: url('../img/read-more.png') top left no-repeat;
color: #164561;
text-decoration: none;
float: left;
font-weight: bold;
font-size: 11px;
text-decoration: underline;
}
span.release-date {
display: block;
float: left;
width: 200px;
padding: 5px 0;
font-size: 11px;
}
span.release-buttons {
display: block;
float: right;
width: 60px;
padding: 5px 0;
}
div.album-tracks {
clear: both;
margin: 0 0 20px 0;
}
div.album-tracks table {
width: 100%;
text-align: justify;
border-collapse: collapse;
background: #eee;
font-size: 95%;
}
div.album-tracks table a {
text-decoration: none;
}
div.album-tracks table a:hover {
text-decoration: underline;
}
div.album-tracks table th {
background: #fff;
color: #A8A9AD;
padding: 3px;
border-bottom: 1px dashed #000;
vertical-align: middle;
}
div.album-tracks table th.cell-3 {
text-align: center;
}
div.album-tracks table th.cell-2 {
text-align: center;
}
div.album-tracks table td {
padding: 3px;
vertical-align: middle;
}
span.trackName,
span.trackName a {
color: #1E8C9B;
}
a.artistNameLink,
a:visited.artistNameLink,
a:link.artistNameLink,
a.albumName,
a.albumName:link,
a.albumName:visited {
color: #000;
}
div.album-tracks table td.cell-1 {
width: 27px;
}
div.album-tracks table td.cell-2 {
width: 370px;
}
div.album-tracks table td.cell-3 {
width: 40px;
text-align: center;
color: #A8A9AD;
}
/*div.musicTracksList table a,
div.musicTracksList table a:link,
div.musicTracksList table a:visited {
color: #000;
text-decoration: none;
}*/
div.album-tracks table td.cell-4 {
width: 50px;
text-align: center;
}
div.album-tracks table td.cell-5 {
width: 60px;
text-align: center;
color: #8ec73f;
font-size: 14px;
}
div.album-tracks table td.cell-6 {
text-align: right;
}
div.album-tracks table tr.tr-bottom {
border-top: 1px dashed #000;
background: #fff;
}
div.album-tracks table tr.tr-bottom2 {
background: #fff;
}
div.album-tracks table tr.tr-bottom td {
padding: 5px;
}
div.album-tracks table tr.tr-bottom td span.left {
display: block;
float: left;
font-size: 12px;
}
div.album-tracks table tr.tr-bottom td span.right {
display: block;
float: right;
color: #A8A9AD;
font-size: 14px;
}
div.album-tracks table tr.tr-bottom td.cell-5 {
font-size: 18px;
}
a.less-detail {
display: block;
width: 50px;
padding: 0px 5px 0px 33px;
margin: 5px 0;
height: 28px;
background: url('../img/read-less.png') top left no-repeat;
color: #000;
text-decoration: underline;
float: left;
font-weight: bold;
font-size: 11px;
}
a.release-detail {
display: block;
width: 128px;
margin: 5px 0;
height: 30px;
text-decoration: none;
float: left;
position: relative;
}
a.release-detail span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 128px;
height: 30px;
background: url('../img/release-detail.png') top left no-repeat;
}
a.buy-release {
display: block;
width: 124px;
margin: 5px 0;
height: 33px;
text-decoration: none;
float: right;
position: relative;
text-align: center;
}
a.buy-release span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 188px;
height: 65px;
background: url('../img/buy-release.png') top left no-repeat;
}
/* CART */
#cart_obal {
padding: 20px 40px;
}
#empty_cart {
font-size: 14px;
font-weight: bold;
color: #F18F24;
padding: 15px 200px;
}
.cart_step_small {
display: block;
float: left;
width: 45px;
color: #c2c2c2;
font-size: 11px;
font-weight: bold;
padding-top: 9px;
}
.cart_step_big {
display: block;
float: left;
padding: 0 25px 0 0;
margin-right: 20px;
color: #c2c2c2;
font-size: 21px;
font-weight: bold;
}
#cart_obal span.active {
color: #175259;
}
#cart_obal span.arrow {
background: url('../img/cart_arrow.png') center right no-repeat;
}
table.cartItems {
width: 100%;
border-collapse: collapse;
text-align: left;
background: #eee;
}
table.cartItems th {
height: 15px;
padding: 5px;
background: url('../img/cartThBg.png') repeat-x;
color: #fff;
}
table.cartItems th.cell-1,
table.cartItems th.cell-2 {
width: 300px;
}
table.cartItems td {
height: 15px;
padding: 5px;
}
#paypal_connection {
text-align: center;
padding: 40px 0;
font-size: 14px;
font-weight: bold;
color: #F18F24;
}
/* pri vlozeni do kosiku vyskoci absolutni div */
#addToCartDivObal {
position: absolute;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
}
#addToCartDiv {
position: fixed;
left: 50%;
top: 50%;
z-index: 1000;
background: #fff;
width: 304px;
height: 155px;
margin: -77px 0 0 -151px;
background: url('../img/addToCartBg.png') no-repeat;
}
#addToCartDiv a {
display: block;
position: absolute;
overflow: hidden;
color: #000;
font-size: 11px;
z-index: 200;
}
#addToCartDiv a span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 210;
}
#addToCartDiv a.close-button {
right: 5px;
top: 5px;
width: 54px;
height: 16px;
}
#addToCartDiv a.close-button span {
width: 54px;
height: 16px;
background: url('../img/close-addcart-bg.png') no-repeat;
}
#addToCartDiv a.continue-button {
left: 41px;
top: 106px;
width: 124px;
height: 23px;
}
#addToCartDiv a.continue-button span {
width: 124px;
height: 23px;
background: url('../img/continue-shoping-bg.png') no-repeat;
}
#addToCartDiv a.gocart-button {
left: 187px;
top: 106px;
width: 75px;
height: 23px;
}
#addToCartDiv a.gocart-button span {
width: 75px;
height: 23px;
background: url('../img/view-cart-bg.png') no-repeat;
}
/* home */
h3.featured_music,
h3.new_releases {
display: block;
width: 536px;
height: 25px;
margin: 0;
padding: 10px 0;
position: relative;
}
h3.featured_music span,
h3.new_releases span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
width: 536px;
height: 45px;
}
h3.featured_music span {
background: url('../img/featured_music_h3.png') no-repeat;
}
h3.new_releases span {
background: url('../img/new_releases_h3.png') no-repeat;
}
h3.featured_releases {
color: #164561;
font-size: 20px;
margin: 5px 0;
padding: 0;
}
/* strankovani */
.pagination {
padding: 5px 0;
clear: both;
}
.pagination_text {
display: block;
float: left;
padding: 7px 8px;
color: #E1871F;
}
.pagination_index a:link,
.pagination_index a:visited {
display: block;
float: left;
padding: 6px 8px;
margin: 0 5px 0 1px;
color: #E1871F;
text-decoration: none;
border: 1px solid #E1871F;
-moz-border-radius: 4px;
border-radius: 4px;
}
.pagination_active a:link,
.pagination_active a:visited {
color: #fff;
background: #E1871F;
font-weight: bold;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: 4px;
}
/* MUSIC */
#view-by {
width: 220px;
float: left;
height: 71px;
color: #ABA8A8;
}
#view-by p {
margin: 0;
padding: 2px 0 0 0;
font-size: 20px;
}
#view-by a:link,
#view-by a:visited {
color: #ABA8A8;
font-weight: bold;
font-size: 20px;
}
#view-by a.active {
color: #32A5B1;
}
#search-music-div h3 {
color: #34686E;
margin: 0;
padding: 18px 0 3px 0;
font-size: 12px;
}
#sort-by {
width: 140px;
float: left;
height: 71px;
margin-left: 10px;
}
#sort-by p {
margin: 0;
padding: 0 0 0 0;
font-size: 20px;
}
#sort-by-genres {
width: 150px;
float: left;
height: 71px;
}
#sort-by-genres p {
margin: 0;
padding: 0 0 0 0;
font-size: 20px;
}
#elements-sort-by {
width: 274px;
float: left;
height: 71px;
background: url('/img/music_sort_el_bg.jpg') no-repeat;
}
#elements-sort-by a {
display: block;
width: 65px;
padding-top: 30px;
height: 41px;
float: left;
position: relative;
}
#elements-sort-by a#musicElement_earth {
width: 66px;
}
#elements-sort-by a span {
display: block;
width: 65px;
height: 71px;
position: absolute;
left: 0;
top: 0;
z-index: 15;
}
#elements-sort-by a#musicElement_water span {
background: url('/img/music_sort_el_water.jpg') no-repeat;
}
#elements-sort-by a#musicElement_earth span {
width: 66px;
background: url('/img/music_sort_el_earth.jpg') no-repeat;
}
#elements-sort-by a#musicElement_fire span {
background: url('/img/music_sort_el_fire.jpg') no-repeat;
}
#elements-sort-by a#musicElement_wind span {
background: url('/img/music_sort_el_wind.jpg') no-repeat;
}
#main-col {
width: 809px;
float: left;
}
#main-col .obal {
padding: 0 17px 24px 0;
}
.musicTracksList table {
border-collapse: collapse;
width: 100%;
vertical-align: middle;
font-size: 95%;
background: #eee;
}
.musicTracksList th {
color: #fff;
padding: 4px 10px 6px 10px;
text-align: left;
height: 15px;
background: #1b4b66 url('/img/musicTracksThBg.jpg') repeat-x;
vertical-align: middle;
}
.musicTracksList table td a,
.musicTracksList table td a:link,
.musicTracksList table td a:visited {
text-decoration: none;
}
.musicTracksList table td a:hover {
text-decoration: underline;
}
.musicTracksList table td {
vertical-align: middle;
padding: 6px 10px;
text-align: left;
/*font-weight: bold; */
color: #1F1A17;
}
.musicTracksList .cell-1 {
width: 12px;
}
.musicTracksList .cell-2 {
width: 239px;
}
.musicTracksList .cell-3 {
width: 161px;
}
.musicTracksList .cell-4 {
width: 113px;
}
.musicTracksList .cell-5 {
width: 84px;
}
.musicTracksList .cell-6 {
width: 37px;
padding: 4px 0;
}
.musicTracksList .cell-7 {
width: 14px;
padding: 6px 2px;
}
.musicTracksList .released {
color: #32a5b4;
font-weight: normal;
}
.musicTracksList table td.cell-4 {
}
.pieDiv {
width: 20px;
height: 20px;
border: 0px;
margin: 0;
padding: 0;
overflow: hidden;
}
.cell-22 .pieDiv,
.cell-4 .pieDiv {
margin-left: 18px;
}
.pieDivRel {
width: 20px;
height: 20px;
border: 0px;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
left: -45px;
top: 10px;
}
/* tooltip styling */
.tooltip {
background:url('../img/white_big_res.png') no-repeat;
/*height:163px;
padding:40px 30px 10px 30px;
width:310px;
*/
width: 250px;
height: 134px;
/*padding: 8px;*/
font-size:11px;
color:#fff;
z-index: 1000;
}
.tooltip .jqplot-target {
width: 230px;
height: 121px;
position: relative;
z-index: 1000;
overflow: hidden;
}
.tooltip table.jqplot-table-legend,
.tooltip table.jqplot-table-legend {
position: absolute;
left: 110px;
top: 10px;
width: 100px !important;
color: #444;
background: none !important;
}
table.jqplot-table-legend td {
font-size: 9px !important;
padding: 5px 4px !important;
background: none;
}
table.jqplot-table-legend tr {
background: none;
}
div.jqplot-table-legend-swatch {
width: 0;
height: 0;
border: 6px solid;
}
/*.tooltip .jqplot-target canvas {
width: 198px;
height: 89px;
overflow: hidden;
margin: 16px;
}*/
/* a .label element inside tooltip */
.tooltip .label {
color:yellow;
width:35px;
}
.tooltip a {
color:#ad4;
font-size:11px;
font-weight:bold;
}
div.light_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_nav .pp_arrow_previous{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_nav .pp_arrow_next{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_next:hover{background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}
/* CSS Document */
html {
background: #16546e;
}
body {
font-family: 'Arial CE', Arial, Tahoma, sans serif;
font-size: 75%;
padding: 0;
margin: 0;
color: #555;
background: #13415E url('../img/bg.png') repeat-x;
}
.no-border {
border-style: none;
text-decoration: none;
}
.clear {
clear: both;
}
.hide {
display: none;
}
a {
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
img {
border: none;
}
#main {
width: 999px;
padding: 0;
margin: 0 auto 0 auto;
}
.alt {
background: #fff;
}
a.thickbox {
position: relative;
}
a.thickbox span {
display: block;
width: 26px;
height: 26px;
background: rgba(225,135,31,0.7) url('/img/lupa.png') 5px 5px no-repeat;
position: absolute;
right: 0px;
bottom: 3px;
z-index: 10;
radius: 6px;
-moz-border-radius: 6px;
}
/* ------------------------------------------------- HORNI BANNER A MENU -------------------------------------------------------------- */
#header {
width: 999px;
height: 110px;
position: fixed;
background: #5190A6 url('../img/bg.png') repeat-x;
z-index: 1000;
}
#wrapper {
padding-top: 110px;
}
#banner {
width: 994px;
height: 60px;
overflow: hidden;
position: relative;
}
#banner h1 {
margin: 0;
padding: 15px 0 0 0;
color: #fff;
text-align: left;
position: relative;
}
#banner h1 a {
color: #fff;
text-decoration: none;
width: 323px;
height: 36px;
display: block;
overflow: hidden;
line-height: 2000%;
}
#banner h1 a span {
display: block;
position: absolute;
left: 0px;
top: 15px;
z-index: 2;
background: url('../img/logo_elemental.png') no-repeat;
width: 323px;
height: 36px;
}
/* ------------------------------------------------- MENU - HORIZONTAL ------------------------------------------------------ */
#navigation-obal {
position: relative;
}
.searchBoxWrapper {
position: absolute;
left: 388px;
top: -35px;
z-index: 10;
width: 250px;
height: 25px;
}
.itemsInCart {
position: absolute;
right: 10px;
top: 9px;
z-index: 10;
width: 125px;
height: 30px;
text-align: right;
color: #fff;
background: url('../img/cart_symbol.png') 0 3px no-repeat;
}
.itemsInCart p {
margin: 0;
padding: 8px 0;
}
.itemsInCart p,
.itemsInCart a,
.itemsInCart a:link,
.itemsInCart a:visited {
color: #fff;
text-decoration: underline;
font-size: 13px;
font-weight: bold;
}
.cartIco {
text-decoration: none !important;
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 6;
width: 20px;
height: 30px;
}
#horizontal-menu {
width: 100%;
height: 48px;
padding: 0;
margin: 0 0 5px 0;
background: url('../img/menu-bg.png') 0 5px no-repeat;
}
#horizontal-menu ul {
margin: 0;
padding: 4px 0 0 0;
}
#horizontal-menu li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}
#horizontal-menu li a,
#horizontal-menu li a:link,
#horizontal-menu li a:visited {
display: block;
float: left;
padding: 13px 30px 13px 30px;
height: 14px;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: bold;
outline: none;
}
#horizontal-menu li a:hover,
#horizontal-menu li a.current {
background: #E1871F;
}
#horizontal-menu li:first-child a {
border-radius: 7px 0 0 7px;
-moz-border-radius: 7px 0 0 7px;
-webkit-border-radius: 7px 0 0 7px;
}
button.fulltext-submit {
width: 28px;
height: 28px;
overflow: hidden;
background: none;
border: none;
position: relative;
top: -4px;
padding: 0;
margin: 0;
background: url('../img/search.png') no-repeat;
}
button.fulltext-submit span {
display: none;
}
input.fulltext-input {
width: 133px;
height: 16px;
padding: 5px;
background-color: #c1d1de;
background: url('../img/search-input-bg.png') no-repeat;
border: none;
color: #A8A9AD;
font-weight: bold;
}
#info-lista-search {
display: none;
position: absolute;
left: 387px;
top: 22px;
z-index: 25;
}
#info-lista-search p {
margin: 0;
padding: 0;
}
/*
#info-lista {
width: 966px;
height: 42px;
background: #000 url('../img/top-menu.png') no-repeat;
font-size: 11px;
color: #fff;
overflow: hidden;
}
#info-lista form {
margin: 0;
padding: 0;
}
#info-lista p {
margin: 0;
padding: 3px 0 3px 0;
}
#info-lista-search {
width: 200px;
padding: 5px;
float: left;
}
input.fulltext-input {
width: 100px;
}
#info-lista-prihlaseni {
width: 558px;
padding-top: 12px;
float: left;
}
input.prihlaseni-submit {
background: #64b9e1;
color: #fff;
}
#info-lista-prihlaseni input {
margin-left: 5px;
border-style: none;
}
#info-lista-prihlaseni span {
padding-left: 10px;
}
#info-lista-kosik {
width: 208px;
height: 90px;
float: left;
background: #fff url('../img/cart-bck.jpg') no-repeat;
}
#info-lista-kosik h2 {
font-size: 12px;
padding: 0 0 5px 0;
margin: 15px 15px 5px 55px;
border-bottom: 1px solid #e6e6e6;
}
#info-lista-kosik p {
color: #333;
font-size: 11px;
padding: 0 0 5px 0;
margin: 8px 15px 5px 55px;
}
#info-lista-kosik p a {
color: #333;
font-size: 11px;
margin-top: -6px;
display: block;
text-decoration: none;
}
*/
#jplayer-obal {
position: absolute;
right: 0;
top: 10px;
width: 366px;
z-index: 35;
}
p#trackname {
color: #fff;
font-size: 11px;
padding: 5px 15px 5px 5px;
margin: 0;
font-weight: bold;
text-align: right;
}
#trackMarquee marquee {
height: 25px;
}
/* ------------------------------------------------- ROZDELENI STRANKY -------------------------------------------------- */
#content {
margin: 0;
min-height: 500px;
clear: both;
background: #fff;
color: #333;
padding-bottom: 50px;
}
#obsah {
width: 557px;
float: left;
}
#obsah p {
font-size: 13px;
padding: 0;
margin: 0;
}
#content-end {
clear: both;
height: 8px;
width: 100%;
}
#obsah h2 {
width: 746px;
height: 27px;
background: #4B4B4B url('../img/h2-content-bck.jpg') repeat-x;
margin: 0;
padding: 12px 0 0 12px;
color: #d60247;
font-size: 12px;
}
body p.had a,
body p.had a:link,
body p.had a:visited {
color: #A8A9AD;
margin: 5px 0;
padding: 0;
text-decoration: underline;
}
p.had {
margin: 10px 0 0 0;
}
#content-text p {
padding: 10px;
}
h2.left-col-h2 {
width: 718px;
height: 27px;
background: url('../img/h2-katalog-bck.jpg') no-repeat;
margin: 0;
padding: 12px 0 0 40px;
color: #fff;
font-size: 12px;
font-weight: normal;
}
/* ------------------------------------------------- PRAVY SLOUPEK ------------------------------------------------------ */
#right-col {
width: 232px;
margin: 15px 13px 15px 20px;
float: left;
}
#right-col h4 {
margin: 5px 0;
padding: 0;
}
/* ------------------------------------------------- PATICKA -------------------------------------------------------------- */
#footer-obal {
clear: both;
background: url('../img/footer-obal-bg.png') repeat-x;
width: 100%;
height: 100px;
}
#footer {
width: 999px;
height: 80px;
margin: 0 auto 0 auto;
padding: 10px 0;
clear: both;
color: #fff;
font-size: 12px;
text-align: center;
background: url('../img/elemental-music-logo.png') 10px 40px no-repeat;
}
#footer ul {
margin: 50px 0 0 400px;
padding: 0;
list-style: none;
}
#footer ul li {
float: left;
padding: 0 10px;
border-right: 1px solid #fff;
}
#footer ul li:last-child {
border: none;
}
#footer p {
margin: 0 15px 0 0;
padding: 0;
text-align: right;
}
#footer a {
color: #fff;
text-decoration: none;
}
body #footer a:hover {
text-decoration: underline;
}
#footer table {
margin: 100px 10px 30px 10px;
}
#footer table th {
font-size: 18px;
text-align: justify;
}
#footer table td {
text-align: justify;
padding-right: 40px;
}
#footer-loga {
clear: both;
width: 1171px;
border-top: 6px solid #fff;
margin: 0 auto 0 auto;
padding: 10px 0;
}
/* ------------------------------------------------- ARTISTS -------------------------------------------------------------- */
#levy-sloupek {
width: 153px;
margin: 15px 15px 15px 15px;
float: left;
color: #175259;
}
#center-col {
width: 536px;
margin: 15px 0;
float: left;
}
/*#center-col .obal {
padding: 0 0 0 10px;
}*/
ul.artists-list {
margin: 0;
padding: 0;
font-size: 11px;
}
ul.artists-list li {
list-style: none;
/*margin: 0 32px 10px 0;*/
margin: 0px 5px 40px 5px;
padding: 0;
float: left;
width: 124px;
line-height: 140%;
}
ul.artists-list li.col-4 {
/*margin: 0 0 10px 0;*/
}
ul.artists-list li.col-1 {
clear: left;
}
ul.artists-list span {
display: block;
padding: 3px 0;
height: 29px;
}
ul.artists-list span.bio {
text-align: justify;
display: block;
height: 105px;
}
ul.artists-list span.genres_header {
color: #aaa;
height: 10px;
}
.nick strong {
font-size: 14px;
color: #32a5b4;
text-decoration: underline;
}
ul.new-releases {
margin: 0;
padding: 0;
}
ul.new-releases li {
margin: 0;
padding: 0 0 0 0;
list-style: none;
display: block;
width: 70px;
height: 70px;
overflow: hidden;
float: left;
border: 1px solid #fff;
}
ul.new-releases li:hover {
border: 1px solid #255972;
}
.sedy-obdelnik {
padding: 10px;
background: #E3EBEB;
margin-bottom: 10px;
}
.zluty-obdelnik {
padding: 10px;
background: #faf7e6;
margin-bottom: 10px;
}
#levy-sloupek h3 {
font-size: 14px;
margin: 0;
padding: 0;
position: relative;
width: 153px;
height: 39px;
}
#levy-sloupek h3 span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
width: 153px;
height: 39px;
}
#levy-sloupek h3.download span {
background: url('../img/download_h3_bg.png') no-repeat;
}
#levy-sloupek h3.artists span {
background: url('../img/artists_h3_bg.png') no-repeat;
}
#levy-sloupek h3.elements_left {
height: 76px;
}
#levy-sloupek h3.elements_left span {
background: url('../img/choose_elements_left.png') no-repeat;
height: 76px;
}
.sedy-obdelnik ul {
margin: 0;
padding: 0;
}
.sedy-obdelnik ul li {
margin: 0 0 0 20px;
padding: 0;
}
#levy-sloupek ul a,
#levy-sloupek ul a:link,
#levy-sloupek ul a:visited {
color: #175259;
display: block;
padding: 3px 5px 3px 1px;
}
#levy-sloupek ul li.active a {
font-weight: bold;
text-decoration: none;
}
.elements_left_div {
background: #f6f6f6;
text-align: center;
padding-bottom: 10px;
margin-bottom: 10px;
}
.elements_left_div a,
.elements_left_div a:visited {
color: #63878f;
}
.elements_left_div ul {
margin: 0;
padding: 0;
list-style: none;
}
#levy-sloupek .elements_left_div ul li a {
display: block;
width: 39px;
height: 25px;
padding: 43px 0 0 0;
text-align: center;
font-size: 11px;
font-weight: bold;
float: left;
text-decoration: none;
}
#levy-sloupek a.element_water {
background: url('../img/element_water.png') no-repeat;
margin: 0 23px;
}
#levy-sloupek a.element_earth {
background: url('../img/element_earth.png') no-repeat;
}
#levy-sloupek a.element_fire {
background: url('../img/element_fire.png') no-repeat;
margin: 0 23px;
}
#levy-sloupek a.element_wind {
background: url('../img/element_wind.png') no-repeat;
}
.sedy-obdelnik,
.elements_left_div {
-moz-border-radius: 0 0 10px 10px;
}
/* artist detail */
p.had,
body p.had a,
body p.had a:link {
color: #A8A9AD;
}
span.back_link {
display: block;
float: right;
width: 50px;
}
h2.artists-name,
#right-col h2,
#center-col h2,
#wide-col h2 {
color: #1B6268;
font-size: 24px;
padding: 0 0 10px 0;
margin: 0;
}
#center-col h2 {
margin-top: 10px;
}
#wide-col {
padding: 20px;
line-height: 150%;
}
/*.detail-obal {
margin-right: 10px;
font-size: 11px !important;
}*/
.leva-strana {
width: 220px;
float: left;
/*margin-right: 20px;*/
}
.genres {
display: block;
min-height: 30px;
color: #32a5b4
}
.buttons img {
display: block;
float: left;
margin-right: 10px;
border: none;
}
.buttons a,
.buttons a:visited {
padding-top: 0px;
color: #000;
text-decoration: underline;
font-weight: bold;
}
.prava-strana {
width: 300px;
float: right;
position: relative;
line-height: 130%;
}
.prava-strana #pieChart {
position: absolute;
right: 0;
top: -74px;
z-index: 500;
}
.prava-strana p {
text-align: justify;
padding-bottom: 5px;
font-size: 95%;
}
div.photo-slider {
background: #000;
padding: 5px;
margin-bottom: 5px;
}
.leva-strana h3,
.prava-strana h3 {
font-size: 11px;
color: #B7B5B5;
padding: 5px 0;
}
.leva-strana h3 {
margin: 0;
}
p.detail_genres_p {
margin: 0;
}
p.detail_genres_p a,
p.detail_genres_p a:link,
p.detail_genres_p a:visited,
span.genres a,
span.genres a:link,
span.genres a:visited {
color: #1B6268;
}
ul.releases {
margin: 0;
padding: 0;
}
ul.releases li {
list-style: none;
padding: 10px 0;
clear: both;
}
#getAjaxMusicContent ul.releases li {
list-style: none;
padding: 2px 0;
clear: both;
}
#getAjaxMusicContent #center-col {
margin: 5px 0;
}
span.release-image {
display: block;
float: left;
width: 110px;
margin: 1px 0 10px 0;
}
.release-image a {
display: block;
width: 100px;
height: 100px;
overflow: hidden;
border: 1px solid #c1d1de;
}
.release-image a:hover {
border: 1px solid #255972;
}
.artists-list li a.artists-preview-img {
display: block;
width: 110px;
height: 110px;
overflow: hidden;
border: 1px solid #c1d1de;
}
.artists-list li a.artists-preview-img:hover {
border: 1px solid #255972;
}
span.release-info {
display: block;
width: 426px;
height: 47px;
float: left;
}
span.release-basic-info {
clear: right;
}
span.release-header {
display: block;
padding-bottom: 5px;
font-weight: bold;
}
span.release-header a,
span.release-header a:link,
span.release-header a:visited {
text-decoration: underline;
color: #32a5b4;
/*color: #164561;*/
font-size: 14px;
}
span.release-header img {
float: right;
display: block;
padding: 3px 0 0 0;
}
a.read-more,
a.read-more-home {
display: block;
padding: 7px 38px 3px 5px;
height: 18px;
background: url('../img/read-more.png') top right no-repeat;
color: #000;
text-decoration: none;
}
a.read-less,
a.read-less-home {
display: block;
padding: 7px 38px 3px 5px;
height: 18px;
background: url('../img/read-less.png') top right no-repeat;
color: #000;
text-decoration: none;
}
h3.releases {
color: #A8A9AD;
font-size: 18px;
margin: 5px 0;
padding: 0;
}
a.view-tracks {
display: block;
width: 50px;
padding: 0px 5px 0px 33px;
margin: 5px 0;
height: 28px;
background: url('../img/read-more.png') top left no-repeat;
color: #164561;
text-decoration: none;
float: left;
font-weight: bold;
font-size: 11px;
text-decoration: underline;
}
span.release-date {
display: block;
float: left;
width: 200px;
padding: 5px 0;
font-size: 11px;
}
span.release-buttons {
display: block;
float: right;
width: 60px;
padding: 5px 0;
}
div.album-tracks {
clear: both;
margin: 0 0 20px 0;
}
div.album-tracks table {
width: 100%;
text-align: justify;
border-collapse: collapse;
background: #eee;
font-size: 95%;
}
div.album-tracks table a {
text-decoration: none;
}
div.album-tracks table a:hover {
text-decoration: underline;
}
div.album-tracks table th {
background: #fff;
color: #A8A9AD;
padding: 3px;
border-bottom: 1px dashed #000;
vertical-align: middle;
}
div.album-tracks table th.cell-3 {
text-align: center;
}
div.album-tracks table th.cell-2 {
text-align: center;
}
div.album-tracks table td {
padding: 3px;
vertical-align: middle;
}
span.trackName,
span.trackName a {
color: #1E8C9B;
}
a.artistNameLink,
a:visited.artistNameLink,
a:link.artistNameLink,
a.albumName,
a.albumName:link,
a.albumName:visited {
color: #000;
}
div.album-tracks table td.cell-1 {
width: 27px;
}
div.album-tracks table td.cell-2 {
width: 370px;
}
div.album-tracks table td.cell-3 {
width: 40px;
text-align: center;
color: #A8A9AD;
}
/*div.musicTracksList table a,
div.musicTracksList table a:link,
div.musicTracksList table a:visited {
color: #000;
text-decoration: none;
}*/
div.album-tracks table td.cell-4 {
width: 50px;
text-align: center;
}
div.album-tracks table td.cell-5 {
width: 60px;
text-align: center;
color: #8ec73f;
font-size: 14px;
}
div.album-tracks table td.cell-6 {
text-align: right;
}
div.album-tracks table tr.tr-bottom {
border-top: 1px dashed #000;
background: #fff;
}
div.album-tracks table tr.tr-bottom2 {
background: #fff;
}
div.album-tracks table tr.tr-bottom td {
padding: 5px;
}
div.album-tracks table tr.tr-bottom td span.left {
display: block;
float: left;
font-size: 12px;
}
div.album-tracks table tr.tr-bottom td span.right {
display: block;
float: right;
color: #A8A9AD;
font-size: 14px;
}
div.album-tracks table tr.tr-bottom td.cell-5 {
font-size: 18px;
}
a.less-detail {
display: block;
width: 50px;
padding: 0px 5px 0px 33px;
margin: 5px 0;
height: 28px;
background: url('../img/read-less.png') top left no-repeat;
color: #000;
text-decoration: underline;
float: left;
font-weight: bold;
font-size: 11px;
}
a.release-detail {
display: block;
width: 128px;
margin: 5px 0;
height: 30px;
text-decoration: none;
float: left;
position: relative;
}
a.release-detail span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 128px;
height: 30px;
background: url('../img/release-detail.png') top left no-repeat;
}
a.buy-release {
display: block;
width: 124px;
margin: 5px 0;
height: 33px;
text-decoration: none;
float: right;
position: relative;
text-align: center;
}
a.buy-release span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 188px;
height: 65px;
background: url('../img/buy-release.png') top left no-repeat;
}
/* CART */
#cart_obal {
padding: 20px 40px;
}
#empty_cart {
font-size: 14px;
font-weight: bold;
color: #F18F24;
padding: 15px 200px;
}
.cart_step_small {
display: block;
float: left;
width: 45px;
color: #c2c2c2;
font-size: 11px;
font-weight: bold;
padding-top: 9px;
}
.cart_step_big {
display: block;
float: left;
padding: 0 25px 0 0;
margin-right: 20px;
color: #c2c2c2;
font-size: 21px;
font-weight: bold;
}
#cart_obal span.active {
color: #175259;
}
#cart_obal span.arrow {
background: url('../img/cart_arrow.png') center right no-repeat;
}
table.cartItems {
width: 100%;
border-collapse: collapse;
text-align: left;
background: #eee;
}
table.cartItems th {
height: 15px;
padding: 5px;
background: url('../img/cartThBg.png') repeat-x;
color: #fff;
}
table.cartItems th.cell-1,
table.cartItems th.cell-2 {
width: 300px;
}
table.cartItems td {
height: 15px;
padding: 5px;
}
#paypal_connection {
text-align: center;
padding: 40px 0;
font-size: 14px;
font-weight: bold;
color: #F18F24;
}
/* pri vlozeni do kosiku vyskoci absolutni div */
#addToCartDivObal {
position: absolute;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
}
#addToCartDiv {
position: fixed;
left: 50%;
top: 50%;
z-index: 1000;
background: #fff;
width: 304px;
height: 155px;
margin: -77px 0 0 -151px;
background: url('../img/addToCartBg.png') no-repeat;
}
#addToCartDiv a {
display: block;
position: absolute;
overflow: hidden;
color: #000;
font-size: 11px;
z-index: 200;
}
#addToCartDiv a span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 210;
}
#addToCartDiv a.close-button {
right: 5px;
top: 5px;
width: 54px;
height: 16px;
}
#addToCartDiv a.close-button span {
width: 54px;
height: 16px;
background: url('../img/close-addcart-bg.png') no-repeat;
}
#addToCartDiv a.continue-button {
left: 41px;
top: 106px;
width: 124px;
height: 23px;
}
#addToCartDiv a.continue-button span {
width: 124px;
height: 23px;
background: url('../img/continue-shoping-bg.png') no-repeat;
}
#addToCartDiv a.gocart-button {
left: 187px;
top: 106px;
width: 75px;
height: 23px;
}
#addToCartDiv a.gocart-button span {
width: 75px;
height: 23px;
background: url('../img/view-cart-bg.png') no-repeat;
}
/* home */
h3.featured_music,
h3.new_releases {
display: block;
width: 536px;
height: 25px;
margin: 0;
padding: 10px 0;
position: relative;
}
h3.featured_music span,
h3.new_releases span {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
width: 536px;
height: 45px;
}
h3.featured_music span {
background: url('../img/featured_music_h3.png') no-repeat;
}
h3.new_releases span {
background: url('../img/new_releases_h3.png') no-repeat;
}
h3.featured_releases {
color: #164561;
font-size: 20px;
margin: 5px 0;
padding: 0;
}
/* strankovani */
.pagination {
padding: 5px 0;
clear: both;
}
.pagination_text {
display: block;
float: left;
padding: 7px 8px;
color: #E1871F;
}
.pagination_index a:link,
.pagination_index a:visited {
display: block;
float: left;
padding: 6px 8px;
margin: 0 5px 0 1px;
color: #E1871F;
text-decoration: none;
border: 1px solid #E1871F;
-moz-border-radius: 4px;
border-radius: 4px;
}
.pagination_active a:link,
.pagination_active a:visited {
color: #fff;
background: #E1871F;
font-weight: bold;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: 4px;
}
/* MUSIC */
#view-by {
width: 220px;
float: left;
height: 71px;
color: #ABA8A8;
}
#view-by p {
margin: 0;
padding: 2px 0 0 0;
font-size: 20px;
}
#view-by a:link,
#view-by a:visited {
color: #ABA8A8;
font-weight: bold;
font-size: 20px;
}
#view-by a.active {
color: #32A5B1;
}
#search-music-div h3 {
color: #34686E;
margin: 0;
padding: 18px 0 3px 0;
font-size: 12px;
}
#sort-by {
width: 140px;
float: left;
height: 71px;
margin-left: 10px;
}
#sort-by p {
margin: 0;
padding: 0 0 0 0;
font-size: 20px;
}
#sort-by-genres {
width: 150px;
float: left;
height: 71px;
}
#sort-by-genres p {
margin: 0;
padding: 0 0 0 0;
font-size: 20px;
}
#elements-sort-by {
width: 274px;
float: left;
height: 71px;
background: url('/img/music_sort_el_bg.jpg') no-repeat;
}
#elements-sort-by a {
display: block;
width: 65px;
padding-top: 30px;
height: 41px;
float: left;
position: relative;
}
#elements-sort-by a#musicElement_earth {
width: 66px;
}
#elements-sort-by a span {
display: block;
width: 65px;
height: 71px;
position: absolute;
left: 0;
top: 0;
z-index: 15;
}
#elements-sort-by a#musicElement_water span {
background: url('/img/music_sort_el_water.jpg') no-repeat;
}
#elements-sort-by a#musicElement_earth span {
width: 66px;
background: url('/img/music_sort_el_earth.jpg') no-repeat;
}
#elements-sort-by a#musicElement_fire span {
background: url('/img/music_sort_el_fire.jpg') no-repeat;
}
#elements-sort-by a#musicElement_wind span {
background: url('/img/music_sort_el_wind.jpg') no-repeat;
}
#main-col {
width: 809px;
float: left;
}
#main-col .obal {
padding: 0 17px 24px 0;
}
.musicTracksList table {
border-collapse: collapse;
width: 100%;
vertical-align: middle;
font-size: 95%;
background: #eee;
}
.musicTracksList th {
color: #fff;
padding: 4px 10px 6px 10px;
text-align: left;
height: 15px;
background: #1b4b66 url('/img/musicTracksThBg.jpg') repeat-x;
vertical-align: middle;
}
.musicTracksList table td a,
.musicTracksList table td a:link,
.musicTracksList table td a:visited {
text-decoration: none;
}
.musicTracksList table td a:hover {
text-decoration: underline;
}
.musicTracksList table td {
vertical-align: middle;
padding: 6px 10px;
text-align: left;
/*font-weight: bold; */
color: #1F1A17;
}
.musicTracksList .cell-1 {
width: 12px;
}
.musicTracksList .cell-2 {
width: 239px;
}
.musicTracksList .cell-3 {
width: 161px;
}
.musicTracksList .cell-4 {
width: 113px;
}
.musicTracksList .cell-5 {
width: 84px;
}
.musicTracksList .cell-6 {
width: 37px;
padding: 4px 0;
}
.musicTracksList .cell-7 {
width: 14px;
padding: 6px 2px;
}
.musicTracksList .released {
color: #32a5b4;
font-weight: normal;
}
.musicTracksList table td.cell-4 {
}
.pieDiv {
width: 20px;
height: 20px;
border: 0px;
margin: 0;
padding: 0;
overflow: hidden;
}
.cell-22 .pieDiv,
.cell-4 .pieDiv {
margin-left: 18px;
}
.pieDivRel {
width: 20px;
height: 20px;
border: 0px;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
left: -45px;
top: 10px;
}
/* tooltip styling */
.tooltip {
background:url('../img/white_big_res.png') no-repeat;
/*height:163px;
padding:40px 30px 10px 30px;
width:310px;
*/
width: 250px;
height: 134px;
/*padding: 8px;*/
font-size:11px;
color:#fff;
z-index: 1000;
}
.tooltip .jqplot-target {
width: 230px;
height: 121px;
position: relative;
z-index: 1000;
overflow: hidden;
}
.tooltip table.jqplot-table-legend,
.tooltip table.jqplot-table-legend {
position: absolute;
left: 110px;
top: 10px;
width: 100px !important;
color: #444;
background: none !important;
}
table.jqplot-table-legend td {
font-size: 9px !important;
padding: 5px 4px !important;
background: none;
}
table.jqplot-table-legend tr {
background: none;
}
div.jqplot-table-legend-swatch {
width: 0;
height: 0;
border: 6px solid;
}
/*.tooltip .jqplot-target canvas {
width: 198px;
height: 89px;
overflow: hidden;
margin: 16px;
}*/
/* a .label element inside tooltip */
.tooltip .label {
color:yellow;
width:35px;
}
.tooltip a {
color:#ad4;
font-size:11px;
font-weight:bold;
}