/* 
    Document   : grid.css
    Created on : 4 nov. 2010, 09:58:09
    Author     : samos
    Description: Toolbox records grid css
*/


/* RESET */
header, footer, aside, nav, article { display: block; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* generics */
a, a:link { color:#2991FF;  text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }

a img {border: none;}
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {
font-weight:bold;
}

.clear, .clearer { clear:both; width:1px; height:1px;  }

body {
  font:11px/15px Arial,Verdana, sans-serif;
  margin: 0; padding: 0;
	min-width: 1000px; /* Don't work in IE */
	background:#fff;
}



/* LAYOUT */
#page {
  position:relative;
}

#mainContainer {
  min-height: 100%;
  margin:0 auto;
  width:1000px;
  position:relative;
}

#section {
	margin-top:20px;
}

#section-wrap {
	margin:20px auto;
  background: transparent url(img/section_bg.png) 0 0 repeat-y;
}

#content {
 float: right;
 width: 800px;
 position: relative; /*** IE needs this  ***/
}

#content.full {
 float: none;
 width: 1000px;
 position: relative; /*** IE needs this  ***/
}

#content.left {
 float: left;
 width: 800px;
 position: relative; /*** IE needs this  ***/
}

#content-wrap {
	margin-left:10px;
}

#content.full #content-wrap {
	margin-left:0px;
}

#content.left #content-wrap {
	margin-left:0px;
	margin-right:10px;
}


#left {
  float: left;
  width: 200px;
  position: relative; /*** IE needs this  ***/
  background:#fff;
}

#right {
  float: right;
  width: 200px;
  position: relative; /*** IE needs this  ***/
  background:#fff;
}

/* HEADER
---------------------------*/
#header {
  height:150px;
  background: transparent url(img/bg_header.png) left top no-repeat;
  position:relative;
  z-index:20;
}

#logo {
	position:absolute;
	top:0px; left: 20px;
	width:190px; height:125px;
}

#logo  a {
  display:block;
  width:190px; height:125px;
}

#logo  a span {
	display:none;
}

#menu {
	left:190px;
	position:absolute;
	top:56px;
}

#menu li{
  display:block;
  float:left;
  margin-left:8px;
  padding:8px 4px 0 4px;
}

.en #menu li{
  margin-left:19px;
}

#menu a {
	font-weight:bold;
  color:#d2d2d2;
  border-bottom:2px solid #474747;
  padding:0 1px 2px 1px;
  font-size:13px;
  display:block;
}

#menu .activ a {
  color:#fff;
  border-bottom:2px solid #fff;
}

#menu a:hover {
  border-bottom:2px solid #fff;
  text-shadow: 0 0 8px #d2d2d2;
  text-decoration:none;
}

#quick-search {
	position:absolute;
	top:60px; right:15px;
}

#quick-search-wrapper {
	width:280px; height:25px;
	background: transparent url(img/bg_input_search.png) left top no-repeat;
}

#search-button {
  display:inline-block;
  cursor:pointer;
  margin:0;
  outline:medium none;
  padding:0;
  background: transparent url(img/bt_search.png) 0 0 no-repeat;
  height:26px;
  width:41px;
  float:right;
}
#search-button:hover {
  background-position:  0 -25px ;
}

#search-button span {
  display:none;
}

#quick-search-input {
	width:223px; height:19px;
	background: transparent;
	border:1px solid transparent;
	font-size:11px;
	margin:2px 0 0 7px;
	padding:0;
	color:#7F7F7F;
  display:inline-block;
  float:left;
}

#cart-box {
	position:absolute;
  top:115px; right:24px;
}

#cart-summary {
  display: inline-block;
  background:transparent url(img/icon_cart_bluebg.png) left center no-repeat;
  height:24px;
  padding-left:27px;
  color:#005b9b;
  font-size:11px;
  line-height:28px;
}

#cart-summary-separator {
	color:#fff;
	font-size:15px;
	line-height:12px;
}


#user-account {
	position:absolute;
	top:10px; right:50px;
	z-index:30;
}

#account-summary-wrapper {
	color:#fff;
	position:relative;
	width:297px;
}

#account-summary-header {
  width:297px;
  height:35px;
  position:relative;
}

#account-summary-header-inner {
  background:transparent url(img/login/icon_login_mini.png) 0 0 no-repeat;
  line-height:25px;
  padding-left:20px;
  position:absolute;
  right:7px;
  top:7px;
}

#account-summary-header-inner a:hover {
  text-shadow: 0 0 8px #ffffff;
}

.activ#account-summary-wrapper #account-summary-header {
  background:transparent url(img/login/bg_top_login_box.png) 0 0 no-repeat;
}

#account-summary-content, #account-summary-footer {
	display:none;
}



.activ#account-summary-wrapper #account-summary-content,
.activ#account-summary-wrapper #account-summary-footer {
	display:block;
}

#account-summary-content {
	width:297px;
	background:transparent url(img/login/bg_login_box.png) 0 0 repeat-y;
	padding-bottom:5px;
}

#account-summary-footer {
	width:297px;
	height:5px;
	background:transparent url(img/login/bg_bottom_login_box.png) 0 0 repeat-y;
}


#account-summary-wrapper a {
  color:#fff;
  font-weight: bold;
  font-size:11px;
}

#account-summary-wrapper #account-summary-header a {
  font-weight: bold;
  font-size:11px;
}

.account-quick-link {
  float:left;
  width:135px;
  padding:0 0 0 10px; margin:0;
}

.account-quick-link li {
  padding:5px 0;
}

#account-summary-wrapper .account-quick-link a {
  display:block;
  font-size:10px;
  font-weight:bold;
  height:16px;
  line-height:16px;
  padding:0 0 0 18px;
  background:transparent url(img/icon_account.png) 0 0 no-repeat;
}

#account-summary-content li a:hover {
  text-shadow: 0 0 8px #ffffff;
}

#quick-info { background-position:0 0; }
#account-summary-wrapper .account-quick-link #quick-order { background-position:0 -16px; }
#account-summary-wrapper .account-quick-link #quick-preorder { background-position:0 -129px; }
#account-summary-wrapper .account-quick-link #quick-reorder { background-position:0 -113px; }
#account-summary-wrapper .account-quick-link #quick-soldout { background-position:0 -145px; }
#account-summary-wrapper .account-quick-link #quick-sales { background-position:0 -81px; }
#account-summary-wrapper .account-quick-link #quick-return { background-position:0 -97px; }
#account-summary-wrapper .account-quick-link #quick-credit { background-position:0 -33px; }
#account-summary-wrapper .account-quick-link #quick-loyalty { background-position:0 -49px; }
#account-summary-wrapper .account-quick-link #quick-alert { background-position:0 -65px; }


#account-quick-link-part-1 {
  border-right:1px solid #000;
}

#account-quick-link-part-2 {
  border-left:1px solid #323232;
}

#loginForm  {
	height:60px;
}

#loginForm input {
	height:19px;
	border:1px solid #d3d3d3;
}

#loginForm #email-label { position:absolute; top:43px; left:8px; }
#loginForm #email-element { position:absolute; top:60px; left:8px; }
#loginForm #email-element input { width:135px; }

#loginForm #password-label { position:absolute; top:43px; left:150px; }
#loginForm #password-element { position:absolute; top:60px; left:150px; }
#loginForm #password-element input { width: 72px; }


#loginForm #loginsubmit-element {
  left:226px;
  position:absolute;
  top:59px;
}

#loginsubmit.tb-button {
  padding:2px 0px;
}

#account-summary-content hr {
	height:2px;
	background: transparent url(img/login/bg_separator_login.png) 0 0 repeat-x;
	margin:5px 8px;
	border:none;
}

#account-summary-content p {
  padding:2px 10px;
}

#summary-password-forgotten a {
	background: transparent url(img/login/icon_forgot_pswd_mini.png) 0 0 no-repeat;
	padding-left:21px;
}

#summary-create-account a {
	background: transparent url(img/login/icon_create_account_mini.png) 0 0 no-repeat;
	padding-left:21px;
}

#account-summary-content p a:hover {
	text-decoration:underline;
  text-shadow: 0 0 8px #ffffff;
}




#language-selector {
  position:absolute;
  top:25px; right:8px;
}

.current-language {
  display:block;
  float:left;
  height:11px;
  margin:0;
  width:16px;
  background:transparent url(img/flag.png) 0 0 no-repeat;
}

#language-switch {
  display:block;
  float:left;
  height:11px;
  margin:0;
  width:16px;
  background:transparent url(img/bottom_arrow.png) center center no-repeat;
}

.current-language.fr {
  background-position: 0 -12px;
}

#languages {
  position:absolute;
  top:38px; right:12px;
  width:85px;
  background:#0B0B0B;
  -moz-border-radius:0 0 5px 5px;
  z-index:20;
}

.lang {
  padding:8px 4px;
  margin:0 3px;
  border-top:1px solid #333;
}

.language-link {
  display:block;
  color:#fff;
  padding:0px 0 0px 20px;
  height:11px;
  background:transparent url(img/flag.png) 0 0 no-repeat;
  line-height:11px;
}

.language-link.fr {
  background-position: 0 -12px;
}


#catalog-submenu {
  position:absolute;
  top:84px; left:250px;
  background:transparent url(img/submenu_bottom.png) right bottom no-repeat;
  padding-bottom:16px;
  z-index:500;

}


#new-feature-playlist {
  position:absolute;
  top:48px; left:670px;
  width:31px; height:33px;
  background:transparent url(img/new_tag.png) 0 0 no-repeat;
}

.en #new-feature-playlist {
  left:637px;
}

#new-feature-playlist span {
  display:none;
}


/* CATALOG - SUBMENU */
#catalog-submenu-inner {
  background:#5C5C5C;
  padding:10px;
}

#catalog-submenu a {
  color:#D2D2D2;
  font-weight:bold;
}

#catalog-submenu a:hover {
  color:#fff;
}

#catalog-submenu li {
  line-height:15px;
  padding:1px 1px 1px 4px;
}

#catalog-submenu-styles {
  float:left;
  margin-right:10px;
}

#styles-part1 , #styles-part2 {
  float:left;
  padding:0 3px;
  margin:3px 0;
}

#styles-part1 {
  border-right:1px solid #ccc;
}

#catalog-submenu-special {
  float:left;
  margin-right:10px;
}

#catalog-submenu-hot {
  float:left;
}

.catalog-submenu-head {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#3D3D3D;
color:#FFFFFF;
font-weight:bold;
height:20px;
line-height:20px;
padding:0 4px;
}

#catalog-dropdown.open {
  background:#5c5c5c;
  height:20px;
}

#catalog-dropdown.open a {
  color:#fff;
}

.submenu-arrow {
  display:inline-block;
  width:15px; height:9px;
  background:transparent url(img/submenu_arrow.png) 0 0 no-repeat;
}

.open .submenu-arrow {
  background-position:0 -11px;
}


/* FOOTER
---------------------------*/
#footer {
  background: transparent url(img/bg_body_footer.jpg) left bottom repeat-x;
  height:450px;
}

#footer-content {
	background: transparent url(img/bg_footer.jpg) left bottom repeat-x;
	width:1000px;
	margin:0 auto;
  color: #fff;
  height:450px;
}

#footer-inner {
  position:relative;
  color:#898787;
  padding:0 10px;
  height: 448px;
  width:980px;
}

#footer-infos-copyright {
  border-top:1px solid #898787;
  position:absolute;
  left:10px;
  bottom:10px;
  width:980px;
}

#footer-infos-links {
  height:305px;
  border-left:1px solid #898787;
  position:absolute;
  left:660px;
  top:95px;
  padding-left:15px;
}

#footer-inner  a {
  font-weight:bold;
  color:#898787;
}

#footer-inner  a:hover {
  text-decoration:underline;
}

#footer-categories-links {
  height:305px;
  border-left:1px solid #898787;
  position:absolute;
  left:330px;
  top:95px;
  padding-left:15px;
}


#footer-promo-links {
  height:305px;
  position:absolute;
  left:10px;
  top:95px;
}

#footer-promo-links a:hover {
  text-decoration:none;
}

#footer-rss a {
  display:block;
  height:60px;
  background:transparent url(img/stick_rss.png) 0 0 no-repeat;
  font-weight:bold;
  padding-left:63px;
  width:240px;
  padding-top:5px;
}

.promo-strong {
  font-weight:bold;
  font-size:14px;
  color:#ff9900;
  letter-spacing:-1px;
}

#footer-playlist a {
  display:block;
  height:60px;
  background:transparent url(img/stick_playlist.png) 0 0 no-repeat;
  font-weight:bold;
  padding-left:63px;
  width:240px;
  margin-top:10px;
  padding-top:5px;
}

#footer-fb a {
  display:block;
  height:60px;
  background:transparent url(img/stick_fb.png) 0 0 no-repeat;
  font-weight:bold;
  padding-left:63px;
  width:240px;
  margin-top:10px;
   padding-top:5px;
}

#footer-twitter a {
  display:block;
  height:60px;
  background:transparent url(img/stick_twitter.png) 0 0 no-repeat;
  font-weight:bold;
  padding-left:63px;
  width:240px;
  margin-top:10px;
   padding-top:5px;
}

/* AUTO - PROMO */
.auto-promo-box {
	width:190px;
	height:85px;
	margin:10px 0 0px 7px;
}
.auto-promo-box a {	display:block; 	width:190px; height:85px; }
.auto-promo-box a span {	display:none; }
.auto-promo-box p {	display:none; }

.en #playlist-promo { background:transparent url(img/playlists_en.png) 0 0 no-repeat; }
.fr #playlist-promo { background:transparent url(img/playlists_fr.png) 0 0 no-repeat; }
.en #free-shipping { background:transparent url(img/free_shipping_fr.png) 0 0 no-repeat; }
.fr #free-shipping { background:transparent url(img/free_shipping_fr.png) 0 0 no-repeat; }
.en #secure-payment { background:transparent url(img/secure_payment_en.png) 0 0 no-repeat; }
.fr #secure-payment { background:transparent url(img/secure_payment_fr.png) 0 0 no-repeat; }

#worldwide-shipping { margin-bottom:10px;  }
.en #worldwide-shipping { background:transparent url(img/shipping_en.png) 0 0 no-repeat;  }
.fr #worldwide-shipping { background:transparent url(img/shipping_fr.png) 0 0 no-repeat; }


/* PRODUCT TIP */
.tipContent {
 	position:relative;
}

.tipContent img {
  width:77px; height:77px;
  border:1px solid #363636;
  float:left;
}

.tipRight {
	float:left;
	height:81px;
}

.tipContent ul {
	font-size:10px;
	line-height:12px;
  margin-left:4px;
  width:91px;
  height:59px;
  border-bottom: 1px solid #5e5d5d;
}

.tipContent ul li {
	padding-left:4px;
	background: transparent url(img/bullet_micro.png) left 3px no-repeat;
}

.mini-cart  {
  position:absolute;
  top:60px; right:2px;
  height:17px; width:91px;
  color:#fff;
  border-top: 1px solid #969595;
  padding-top:3px;
  height:18px;
}

.mini-cart span{
	display:inline-block;
  font-size:11px;
  font-weight:bold;
  color:#661212;
  height:17px;
  vertical-align:top;
  width:39px;
}

.mini-cart input {
	border:1px solid #4b4b4b;
	width:17px; height:15px;
	font-size:10px;
}

.mini-cart-button {
	display:block;
	width:31px; height:17px;
  background:transparent url(img/bt_mini_cart.png) 0 0 no-repeat;
  cursor:pointer;
}

.mini-cart .mini-cart-button { float:right;}
.mini-cart-button:hover { background:transparent url(img/bt_mini_cart.png) -36px 0 no-repeat; }
.mini-cart-button.success { background:transparent url(img/bt_mini_cart.png) -72px 0 no-repeat; }
.mini-cart-button.loading { background:transparent url(img/mini_cart_loading.gif) 0 0 no-repeat; }

.mini-cart-button.reorder-button { background-position: 0 -18px; }
.mini-cart-button.reorder-button:hover { background-position: -36px -18px; }
.mini-cart-button.reorder-button.success { background-position:  -72px -18px; }
.mini-cart-button.reorder-button.loading { background:transparent url(img/mini_cart_loading.gif) 0 0 no-repeat; }

.mini-cart-button.preorder-button { background-position: 0 -36px; }
.mini-cart-button.preorder-button:hover { background-position: -36px -36px; }
.mini-cart-button.preorder-button.success { background-position:  -72px -18px; }
.mini-cart-button.preorder-button.loading { background:transparent url(img/mini_cart_loading.gif) 0 0 no-repeat; }

.mini-cart-button.alert-button { background-position: 0 -54px; }
.mini-cart-button.alert-button:hover { background-position: -36px -54px; }
.mini-cart-button.alert-button.success { background-position:  -72px -18px; }
.mini-cart-button.alert-button.loading { background:transparent url(img/mini_cart_loading.gif) 0 0 no-repeat; }

.mini-player {
	clear:both;
	padding-top:3px;
}


/* PAGINATOR */
.loader {
	background: transparent url(img/loader.gif) left center no-repeat;
	padding-left:20px;
	line-height:22px;
	height:22px;
}

.paginationControl a, .paginationControl span {
	display:inline-block;
	width:22px; height:22px;
	background:#e8e8e8;
	color:#555454;
	margin:0 0 0 1px;
	line-height:22px;
	text-align:center;
	font-size:10px;
}

.paginationControl a.control, .paginationControl span.control {
	width:60px; height:22px;
}


.pagination-counter {
	float:left;
	background:#e8e8e8;
}

.pagination-counter span {
  color:#555454;
  font-size:10px;
  padding:2px 6px;
  line-height:22px;
}

.paginationControl span.current {
  background:#C4C4C4;
  color:#FFFFFF;
}

.paginator-wrap {
	height:22px;
	margin-top:4px;
	margin-bottom:15px;
	background:#f8f8f8;
	position:relative;
  margin-left:5px;
}

#paginatorBottom.paginator-wrap {
	margin-top:30px;
	margin-bottom:0px;
}

.paginationControl {
  position:absolute;
  top:0; left:115px;
}


/* PRODUCT GENERICS */
.product-tag {
  position:absolute;
  right:0; top:15px;
  background:transparent url(img/status_tag.png) right 0 no-repeat;
  height:22px;
}

.product-tag.tag-collector {  width:62px; }
.product-tag.tag-news {  width:33px; background-position: right -23px; }
.product-tag.tag-restock {  width:53px; background-position: right -46px; }
.product-tag.tag-secondhand {  width:74px; background-position: right -69px; }


.product-thumb.medium {
  border:1px solid #E0E0E0;
}

.product-thumb.small {
  width:80px; height:80px;
	background:url(img/bg_small_pic.png) no-repeat scroll 0 0 transparent;
	border:0 none;
	margin:0;
	padding:11px;
}

.vatTag {
	font-size:8px;
	vertical-align:1px;
}

.product-rating .rating-bombs {
  display:inline-block;
	height:15px;
  background: transparent url(img/rating.png) left center no-repeat;
}

.product-rating.value-0 .rating-bombs { width:0px; }
.product-rating.value-1 .rating-bombs { width:15px; }
.product-rating.value-2 .rating-bombs { width:30px; }
.product-rating.value-3 .rating-bombs { width:45px; }
.product-rating.value-4 .rating-bombs { width:60px; }
.product-rating.value-5 .rating-bombs { width:75px; }


.cart-button {
	display:inline-block;
  background:transparent url(img/cart_icons.png) 0 0 no-repeat;
  width:107px; height:27px;
  -moz-border-radius:4px;
  -webkit-border-radius:3px;
  border-radius:3px 3px 3px 3px;
  outline:none;
  font:bold 10px helvetica,verdana,arial,sans-serif;
  text-align:left;  
}

.en .cart-button {
  font-size:12px;
}

.cart-button.large {
  width:134px;
  font-size: 13px;
}

.cart-button span {
  line-height:26px;
  padding-left:29px;
  color:#4F4F4F;
}

.en .cart-button span { padding-left:33px; }
.cart-button.large span { padding-left:30px; }
.en .cart-button.large span { padding-left:35px; }

.cart-button:hover { text-decoration:none; }

.cart-button.add-cart-button { background-position: 0 0; background-color:#bbd652; }
.cart-button.add-cart-button:hover { background-color:#d0e678; }

.cart-button.reorder-button { background-position: 3px -32px; background-color:#c5ccac; }
.cart-button.reorder-button:hover { background-position: 3px -32px; background-color:#dadfc5; }

.cart-button.preorder-button { background-position: 0 -64px; background-color:#fdaa2d; }
.cart-button.preorder-button:hover { background-position: 0 -64px; background-color:#ffc772; }

.cart-button.alert-button { width:127px; background-position: 3px -96px; background-color:#cecece; }
.cart-button.alert-button:hover { background-position: 3px -96px; background-color:#ddd; }


.cart-button.loading, .cart-button.loading:hover  { background:#45711c url(img/add_cart_anim.gif) 0 0 no-repeat; }
.cart-button.success, .cart-button.success:hover { background-position: 0 -127px; background-color: #45711c; }


/* SIDEBAR */
.sidebar-title {
	width: 200px; height:27px;
  background: transparent url(img/bg_side_header.png) left top no-repeat;
  line-height:27px;
  color:white;
  font-weight:bold;
  text-indent:15px;
}

.sidebar-title span {
  line-height:32px;
  color:white;
  font-weight:bold;
  text-indent:17px;
  font-size:13px;
}

.sidebar-content {
	background:#f2f2f2;
	width: 190px;
	margin-left:7px;
	color:#898989;
	font-size:12px;
	padding-bottom:15px;
}

.sidebar-title#current-category {
	position:relative;
	height:108px;
	line-height:25px;
  background:none;
  text-indent:10px;
}

#current-category .category-name{
	color:#5a3203;
	font-size:12px;
	line-height:45px;
  padding-left:20px;
  text-indent:0;
}

a.current-category-link {	color:#5a3203;}
a.current-category-link:hover {  text-decoration:underline; }

#category-select-button {
	position:absolute;
	left:8px;
  top:13px;
	width:17px; height:17px;
	background:transparent url(img/bt_categories_select.png) 0 0 no-repeat;
	cursor:pointer;
}

#category-select-button.hover {
	background-position:0 -18px;
}
#category-select-button.activ {
	background-position:0 -36px;
}
#category-select-button.activ.hover {
	background-position:0 -54px;
}



/* LOGIN ACTION */
#signin-loader {
  background:url("img/big_loading.gif") no-repeat scroll center center #202020;
  height:127px;
  left:2px;
  position:absolute;
  top:32px;
  width:293px;
  opacity:0.50;
  filter:alpha(opacity:50);
}

#signin-error {
  background:#202020;
  height:127px;
  left:2px;
  position:absolute;
  top:32px;
  width:293px;
  opacity:0.90;
  filter:alpha(opacity:90);
  color:#ff0000;
  font-weight:bold;
  text-align:center;
}

#signin-error p {
  margin-top:60px;
  font-weight:bold;
  font-size:13px;
}



/* --------- Playlist pop up */
#playlist-manager {
  width:313px;
  height:154px;
  background:transparent url(img/playlist/bg_playlist.png) 0 0 no-repeat;
}

#playlist-manager-inner {
  position:relative;
}

#playlist-title {
  position:absolute;
  top:7px; left :35px;
  color:#fff;
}

#playlist-create-wrapper {
  position:absolute;
  top:30px; left:10px;
  height:21px;
}

#new-playlist-bt {
  display:block;
  width:283px; height:21px;
  line-height:21px;
  background:transparent url(img/playlist/bt_create_playlist.png) 0 0 no-repeat;
  text-indent:26px;
  color:#474747;
}
#new-playlist-bt:hover {
  background-position: 0 -22px ;
}

#new-playlist-form {
  width:283px; height:21px;
  background:transparent url(img/playlist/bt_create_playlist.png) 0 0 no-repeat;
  color:#474747;
}

#new-playlist-name {
  height:14px; border:1px solid #c3c1c1;
  margin:0 0 0 26px;
  width:160px;
  vertical-align:1px;
}

#create-playlist-button {
  width:25px;
  height:16px;
  background:transparent url(img/playlist/bt_mini_ok.png) 0 0 no-repeat;
  text-indent:-50000px;
  border:none;
  margin-top:3px;
  cursor:pointer;
}
#create-playlist-button:hover {
  background-position:-27px 0 ;
}

#create-playlist-back-button {
  width:25px;
  height:16px;
  background:transparent url(img/playlist/bt_mini_back.png) 0 0 no-repeat;
  text-indent:-50000px;
  border:none;
  margin-top:3px;
  cursor:pointer;
}
#create-playlist-back-button:hover {
  background-position:-27px 0 ;
}


#user-playlists {
  position:absolute;
  top:55px; left:10px;
	height:95px;
	overflow:auto;
	background:#fff;
  width:283px;
}

#user-playlists a {	display:block; color:#474747; padding:1px 2px; }
#user-playlists a:hover {	background:#e7f9ff; }

#playlist-signin-required {
  position: absolute;
  top:45px; left:10px;
  font-weight:bold;
  text-align:center;
  width:270px;
  background:transparent url(img/icon_secure2_small.png) 0 0 no-repeat;
}

#playlist-signin-action {
  position: absolute;
  top:85px; left:10px;
}



/* Product track list */
.track {
	height:15px;
  width:280px;
}

.track-button {
	float:left;
	margin-left:5px;
	background: transparent url(img/bt_play_audio.png) 0 0 no-repeat;
	line-height:15px;
  height:15px;
  width:22px;
}

.title-player-wrapper {
  float:left;
  width:230px;
  height:15px;
  position:relative;
}

.play {
	cursor:pointer;
}

.track-title {
  font-size:11px;
	line-height:15px;
}

.track.activ .track-title {
	font-size:9px;
	line-height:9px;
}

.player-wrapper {
  display:none;
	height:6px;
}

.track.activ .player-wrapper {
  display:block;
  position:absolute;
  top:3px;
  left:0;
	height:6px;
}

.track.hover .track-button { background-position: 0 -17px; }
.track.activ .track-button { background: transparent url(img/bt_play_audio_activ.gif) 0 0 no-repeat; }
.track.activ.hover .track-button { background: transparent url(img/bt_play_audio.png) 0 -34px no-repeat; }

.bouton-add-playlist {
	width:16px;
	height:15px;
	float:left;
	margin-left:5px;
	background: transparent url(img/bt_add_playlist.png) 0 0 no-repeat;
	cursor:pointer;
}

.bouton-add-playlist.add-all-tracks {
  width:280px;
  padding-left:20px;
  background-position: 0 -18px;
  font-weight:bold;
  color:#888888;
}

.bouton-add-playlist:hover { background-position: 0 -18px; text-decoration:none; }
.bouton-add-playlist.open { background-position: 0 -36px; }
.bouton-add-playlist span { display:none; }

.player_scrubber {
  width:300px;
  position:relative;
  height:7px;
  background: #d5d5d5;
  cursor: pointer;
  margin-top:7px;
}

.product-cell-thumb .player_scrubber {
  width: 200px;
}


.player_scrubber_progress {
  position:absolute;
  height:7px;
  background: #ff9900;
}


/* CHARTS */
.product-bestseller-element span {
  display:block;
  float:left;
}

.product-bestseller-element {
  clear:both;
  border-bottom:1px solid #E7E7E7;
  border-top:1px solid #FFFFFF;
  position:relative;
}

.product-bestseller-element .rank { width:17px ; text-align:right; }

.product-bestseller-element a {
  display:block;
  height:35px;
  padding:3px 0px;
  text-decoration:none;
  color:#626262;
  font:11px/1.53846 "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

.product-bestseller-element a:hover { background:#9ED7FF;}


.rank-direction {
  background:url("img/position.png") no-repeat scroll right 0 transparent;
  bottom:7px;
  height:11px;
  left:7px;
  position:absolute;
  width:11px;
}

.bestseller-product-name {
  padding-left:4px;
}

.rank-direction.down { background-position:right -23px; }
.rank-direction.equal { background-position:right -11px; }
.rank-direction.new { background-position:right -34px; }


/* SOCIAL LINKS */
.sc {
  display:inline-block;
  width:21px; height:21px;
  background:transparent url(img/social.png) 0 0 no-repeat;
}

.sc.facebook { background-position: 0 0 ; }
.sc.twitter { background-position: 0 -44px ; }
.sc.myspace { background-position: 0 -22px ; }

.sc.facebook:hover { background-position: -22px 0; }
.sc.twitter:hover { background-position: -22px -44px ; }
.sc.myspace:hover { background-position: -22px -22px ; }

/* BOXES / BLOCKS */
.lefty { float:left; }
.righty { float:right; }


.infobox {
  padding:10px;
  margin:10px 0 10px 0;
  color:#676767;
  font-size:12px;
}

.infobox.rounded { border:1px solid #ccc; }

.rounded {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding:10px;
}

.rounded-5 {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.rounded-top {
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
}

.rounded-bottom {
  -moz-border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  border-radius:0 0 10px 10px;
}


.help_box {
  margin:10px 0 30px 0;
  border:1px solid #ccc;
  cursor:pointer;
  background-color:#f2faff;
}

.help_box.infoText {
  border:2px solid #cc3011;
  cursor:default;
  background-color: #ffad07;
}

.help_box.hover {
  background-color:#9ccdef;
}


.page-title {
  line-height:48px;
  color:#BEBEBE;
  font-size:21px;
  font-family:Arial,sans-serif;
}

.embed_input {
  -moz-border-radius:4px 4px 4px 4px;
  -webkit-border-radius:4px 4px 4px 4px;
  border-radius:4px 4px 4px 4px;
  border:1px solid #CCCCCC;
  font-size:10px;
  height:20px;
  padding:2px;
}

/* BUTTONS */
.tb-button {
  -moz-user-select:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background:#DEDEDE;
  border:1px solid #C4C4C4;
  color:#333333;
  cursor:pointer;
  font:11px arial,sans-serif;
  outline:medium none;
  padding:2px 4px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  display:inline-block;
  position:relative;
  font-weight:bold;
}

a.tb-button { padding:3px 5px; }
a.tb-button:hover { text-decoration:none; }


.tb-button.tb-small {
  padding:1px;
}

.tb-button:hover { background:#F7F7F7; }


.tb-button.bt-blue {
  background:#00a7d2;
  border:1px solid #00a7d2;
  color:#fff;
}
.tb-button.bt-blue:hover { background:#35d4fd; }


.tb-button.bt-orange {
background:#FFFAD7;
border:1px solid #FFD36F;
color:#7E7E7E;
}
.tb-button.bt-orange:hover { background:#FFF095; }

.tb-button.bt-red {
background:#FF9191;
border:1px solid #FF4747;
color:#fff;
}
.tb-button.bt-red:hover { background:#FF4747; }


.bt-image {
  border:none;
  cursor:pointer;
  outline:medium none;
  display:inline-block;
}

.tb-button.bt-5-10 { padding:5px 10px;}


#playlist-signup {
  margin-left:20px;
}


/* MESSAGES */
.messages {
	width:785px;
	padding:5px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	min-height:60px;
	margin-bottom:20px;
}

.full .messages {
  width:1000px;
}

.messages p {
	margin-left:55px;
}

.messages.error {
	background:#fffdc6 url(img/icon_message_warning.png) 5px center no-repeat;
}

.messages.success {
	background:#f5ffcc url(img/icon_message_success.png) 5px center no-repeat;
}


.messages.tip {
	background:#FDFFB0 url(img/tip_bg.png) 30px center no-repeat;
}

.tip-info {
  color:#fff;
  font:11px "Lucida Grande",Lucida, Arial,Verdana, Tahoma, sans-serif;
  padding-top:5px;
  opacity:0.80;
  filter:alpha(opacity:80);
}

.tip-info.top-blue {
  background:transparent url(img/tip_info_top_blue.png) top right no-repeat;
}

.tip-info.top-blue p {
  background:#70c8ff;
  padding:4px 3px;
}

/* CATEGORIES */
#dynamic-category-list {
	position:absolute;
	top:58px; left:7px;
	width:190px;
	background:#DDDBDB;
  z-index:100;
}

#dynamic-category-list ul {
	padding:10px 7px;
}

#dynamic-category-list ul a {
	color:#555454;
	font-size:12px;
	display:block;
}

#dynamic-category-list ul a:hover {
	text-decoration:underline;
}

#dynamic-category-list ul li.separator {
	display:block;
	border-top:1px solid #959492;
	border-bottom:1px solid #fffffd;
	margin:5px 0;
}


/* TEXT STYLE */
.subtle {
  color: #777;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-weight: normal;
}

.selected_indicator {
  
}


/* jQuery UI Dialog 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(jquery/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(jquery/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(jquery/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(jquery/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(jquery/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
/*.ui-widget :active { outline: none; }*/

/* Interaction Cues
----------------------------------*/

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(jquery/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(jquery/images/ui-icons_ffffff_256x240.png); }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(jquery/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(jquery/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }



a.category-rss {
  display:block;
  height:32px;
  position:absolute;
  top:-2px;
  right:5px;
  background:transparent url(img/feed_spray.png) 0 0 no-repeat;
  padding-left:32px;
  line-height:32px;
  color:#FFAB3B;
}