/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @licensehttp://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*/

/* Layout ================================================================================= */
.wrapper {}
/*.page { width:1015px; margin:0 auto; text-align:left; }*/
.page-wrapper { /*position:absolute; top:50%; left:0; margin-top:-310px; width:100%;*/ }
.page { width:1015px; position:relative; text-align:left; margin:0 auto; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main { background:#f0efed; }

/* Base Columns */ 
.col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; }
.col-main { float:left; width:736px; /*padding:5px;*/ }
.col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; min-height:500px; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:484px; margin-left:10px; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */


/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
input.input-text,select,textarea { background:#fff; border:1px solid #ddd; }
input.input-text,textarea { padding:2px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option {}
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { overflow:visible; width:auto; border:0; padding:0 0 0 12px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ }
button.button span { float:left; padding:0 12px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }
button.disabled {}
button.disabled span {}
/* Input & Textarea stretched for 100% */
.field-100 { border:1px solid #888; padding:2px; overflow:hidden; }
.field-100 input.input-text,
.field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}*/
/*.highlight { background:#eee; }*/

/* Form lists */
.form-list li { margin:0 0 5px; }
.form-list label { font-weight:bold; }
.form-list .input-box { float:left; /*width:260px; */}
.form-list input.input-text,
.form-list textarea { width:250px; }
.form-list select { width:256px; }
.form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; }
.form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; }
.form-list .range input.input-text { width:96px; }

.group-select {}
.group-select li { margin:0 0 5px; }
.group-select .input-box { float:left; width:260px; }
.group-select input.input-text,
.group-select textarea {width:510px; }
.group-select select { width:516px; }
.group-select .input-box input.input-text,
.group-select .input-box textarea { width:250px; }
.group-select .input-box select { width:256px; }

.buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; }
.buttons-set .back-link { float:left; }
.buttons-set button.button { float:right; }

.buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; }

/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; }
.validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; }
.validation-passed {}
.required { color:#f00; }
p.required { font-size:12px; text-align:right; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Global Messages  */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }

.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px; }
.messages li li { margin:0 0 3px; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { /*border-style:solid !important; border-width:1px !important; */background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:10px 8px 2px 32px !important; font-size:12px !important; font-weight:bold !important; }
.error-msg { /*border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif);*/ color:#df280a; }
.success-msg { /*border-color:#446423; background-color:#eff5ea; background-image:url(../images/success_msg_icon.gif); */ color:#3d6611; }
.note-msg,
.notice-msg { /*border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif);*/ color:#3d6611; }

/* BreadCrumbs */ 
.breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; display:none; }
.breadcrumbs li { display:inline; }

/* Page Heading */
.page-title { padding:0 0 5px; margin:0 0 10px; }
.title-buttons { text-align:right; }
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }

/* Pager */ 
.pager { padding-top:180px; margin:5px 0; text-align:center; }
.pager .amount { float:left; display:none !important; }
.pager .limiter { float:right; display:none !important; }
.pager .pages {}
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; }
.pager .pages .current {}
.toolbar-left, .toolbar-right { float:left; width:100px; }
.toolbar-left { padding-left: 70px; }
.toolbar-left .page-right { display:none; }
.toolbar-right .page-left { display:none; }

/* Sorter */ 
.sorter { border:1px solid #ddd; padding:5px; margin:5px 0; display:none !important; }
.sorter .view-mode { float:left; }
.sorter .sort-by { float:right; }
.sorter .link-feed {}

/* Data Table */ 
.data-table { width:100%; }
.data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; }
.data-table td { padding:5px; border:1px solid #ddd; }
.data-table thead { background-color:#f2f2f2; }
.data-table tbody {}
.data-table tfoot {}
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even {}
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even { background-color:#f6f6f6; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table th .tax-flag { white-space:nowrap; font-weight:normal; }
.data-table td.label,
.data-table th.label { font-weight:bold; background-color:#f6f6f6; }
.data-table td.value {}

/* Tax Details Row */
tr.tax-total { cursor:pointer; }
tr.tax-total td {}
tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .tax-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.tax-details td {}
tr.tax-details-first td {}

/* Shopping cart tax info */
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { cursor:pointer; }
.cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-total-expanded { background-position:100% -52px; }

/* Lists Decoration */
li.odd {}
li.even { background-color:#f6f6f6; }
dt.odd,
dd.odd {}
dt.even,
dd.even { background-color:#f6f6f6; }

/* Class: std - styles for admin-controlled content */
.std,
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }
.std ul { list-style:disc outside; padding-left:1.5em; }
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }

/* Misc */
.link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; }

/* Noscript Notice */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }

/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; }
/* ======================================================================================= */


/* Header ================================================================================ */
.header h1 { width:200px; float:left; padding-left:32px; }
.logo { float:left; width:200px; height:63px; overflow:hidden; } 
.header-container {}
.header { background:url(../images/zg_header_bg.jpg) bottom left repeat-x; }
.header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; }
.header .logo a { display:block; float:left; width:200px; height:63px; }
.header .welcome-msg { font-weight:bold; text-align:right; }
.header .links { float:right; }
.header .form-search { text-align:center; }
.header .form-search .search-autocomplete { z-index:999; }
.header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; }
.header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.header .form-search .search-autocomplete li.selected {}
.header .form-language { text-align:center; }
.header .music-btn { float:right; padding-right:120px; }

/********** < Navigation */
#nav { font-size:12px; }

#nav .nav-logo a { padding:0 50px 0 20px; }

/* All Levels */
#nav li { text-align:left; position:relative; }
#nav li.over { z-index:999; }
#nav li.parent {}
#nav li a { display:block; text-decoration:none; }
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }

/* 1st Level */
#nav li { float:left; }
#nav li a { float:left; padding:10px 0px 0 0; font-weight:bold; color:#888; }
#nav li a:hover { color:#000; }
#nav li.over a,
#nav li.active a { color:#000; }

#nav li.nav-collection-femme a.main-inactive,  #nav li.nav-collection-femme a.main-active { width:124px; height:77px; background:url(../images/zg_nav_collectionfemme.png) bottom left no-repeat; }
#nav li.nav-collection-femme:hover a.main-inactive, #nav li.nav-collection-femme a.main-active { background-image:url(../images/zg_nav_collectionfemme_hover.png); }
#nav li.nav-collection-homme a.main-inactive, #nav li.nav-collection-homme a.main-active { width:124px; height:77px; background:url(../images/zg_nav_collectionhomme.png) bottom left no-repeat; }
#nav li.nav-collection-homme:hover a, #nav li.nav-collection-homme a.main-active { background-image:url(../images/zg_nav_collectionhomme_hover.png); }
#nav li.press-book a { width:103px; height:77px; background:url(../images/zg_nav_presse.png) bottom left no-repeat; }
#nav li.press-book a:hover, #nav li.press-book a.active { background-image:url(../images/zg_nav_presse_hover.png); }
#nav li.pdv a { width:135px; height:77px; background:url(../images/zg_nav_pdv.png) bottom left no-repeat; }
#nav li.pdv a:hover, #nav li.pdv a.active { background-image:url(../images/zg_nav_pdv_hover.png); }
#nav li.video a { width:84px; height:77px; background:url(../images/zg_nav_video.png) bottom left no-repeat; }
#nav li.video a:hover, #nav li.video a.active { background-image:url(../images/zg_nav_video_hover.png); }
#nav li.contacts a { width:88px; height:77px; background:url(../images/zg_nav_contact.png) bottom left no-repeat; }
#nav li.contacts a:hover, #nav li.contacts a.active { background-image:url(../images/zg_nav_contact_hover.png); }
#nav li.cart-nav a { width:173px; height:77px; background:url(../images/zg_nav_panier.png) bottom left no-repeat; }
#nav li.cart-nav a:hover, #nav li.cart-nav a.active { background-image:url(../images/zg_nav_panier_hover.png); }

/* <-- EN --> */
#nav.nav-en li.nav-collection-femme a.main-inactive,  #nav.nav-en li.nav-collection-femme a.main-active { width:124px; height:77px; background:url(../../fr_en/images/zg_nav_collectionfemme.png) bottom left no-repeat; }
#nav.nav-en li.nav-collection-femme:hover a.main-inactive, #nav.nav-en li.nav-collection-femme a.main-active { background-image:url(../../fr_en/images/zg_nav_collectionfemme_hover.png); }
#nav.nav-en li.nav-collection-homme a.main-inactive, #nav.nav-en li.nav-collection-homme a.main-active { width:124px; height:77px; background:url(../../fr_en/images/zg_nav_collectionhomme.png) bottom left no-repeat; }
#nav.nav-en li.nav-collection-homme:hover a, #nav.nav-en li.nav-collection-homme a.main-active { background-image:url(../../fr_en/images/zg_nav_collectionhomme_hover.png); }
#nav.nav-en li.press-book a { width:95px; height:77px; background:url(../../fr_en/images/zg_nav_presse.png) bottom left no-repeat; }
#nav.nav-en li.press-book a:hover, #nav.nav-en li.press-book a.active { background-image:url(../../fr_en/images/zg_nav_presse_hover.png); }
#nav.nav-en li.pdv a { width:135px; height:77px; background:url(../../fr_en/images/zg_nav_pdv.png) bottom left no-repeat; }
#nav.nav-en li.pdv a:hover, #nav.nav-en li.pdv a.active { background-image:url(../../fr_en/images/zg_nav_pdv_hover.png); }
#nav.nav-en li.video a { width:84px; height:77px; background:url(../../fr_en/images/zg_nav_video.png) bottom left no-repeat; }
#nav.nav-en li.video a:hover, #nav.nav-en li.video a.active { background-image:url(../../fr_en/images/zg_nav_video_hover.png); }
#nav.nav-en li.contacts a { width:105px; height:77px; background:url(../../fr_en/images/zg_nav_contact.png) bottom left no-repeat; }
#nav.nav-en li.contacts a:hover, #nav.nav-en li.contacts a.active { background-image:url(../../fr_en/images/zg_nav_contact_hover.png); }
#nav.nav-en li.cart-nav a { width:173px; height:77px; background:url(../../fr_en/images/zg_nav_panier.png) bottom left no-repeat; }
#nav.nav-en li.cart-nav a:hover, #nav.nav-en li.cart-nav a.active { background-image:url(../../fr_en/images/zg_nav_panier_hover.png); }

/* 2nd Level */
#nav ul { position:absolute; width:500px; top:-43px; left:-10000px; padding-left:30px; }
#nav ul li { float:left; padding-right:40px; }
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding-bottom:25px; font-size:14px; font-weight:bold; color:#000 !important; }
#nav ul li a:hover { color:#000 !important; }
#nav ul li.active > a,
#nav ul li.over > a  { font-weight:bold; color:#000 !important; }

/* 3rd+ leven */
#nav ul ul { top:7px; }

/* Show Menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }
/********** Navigation > */
/* ======================================================================================= */


/* Sidebar =============================================================================== */
.block { border:1px solid #ddd; margin:0 0 10px; }
.block .block-title { border-bottom:1px solid #ddd; padding:0 10px; }
.block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; }
.block h3 { font-size:14px; line-height:1.5; }
.block .block-content { padding:10px; }
.block .actions { text-align:right; }
.block .actions a { float:left; }

/* Block: Account */
.block-account {}

/* Block: Currency Switcher */
.block-currency {}
.block-currency select { width:100%; border:1px solid #888; }

/* Block: Layered Navigation */
.block-layered-nav {}
.block-layered-nav dt { font-weight:bold; }
.block-layered-nav .currently {}

/* Block: Cart */
.block-cart {}
.block-cart .amount {}
.block-cart .subtotal { text-align:center; }

.mini-products-list li { padding:5px 0; }
.mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; }
.mini-products-list .product-details { margin-left:75px; }
.mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; }
.mini-products-list .product-details .btn-remove { float:right; }

/* Block: Wishlist */
.block-wishlist {}

/* Block: Related */
.block-related {}
.block-related li { padding:5px 0; }
.block-related input.checkbox { float:left; margin-right:-20px; }
.block-related .item { margin-left:20px; }
.block-related .item .product-image { float:left; margin-right:-65px; }
.block-related .item .product-details { margin-left:65px; }

/* Block: Compare Products */
.block-compare {}
.block-compare li { padding:5px 0; }

/* Block: Viewed */
.block-recent {}

/* Block: Poll */
.block-poll {}
.block-poll input.radio { float:left; margin:3px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll .answer {}
.block-poll .votes { font-weight:bold; }

/* Block: Tags */
.block-tags ul,
.block-tags li { display:inline; }

/* Block: Subscribe */
.block-subscribe {}

/* Block: Reorder */
.block-reorder {}
.block-reorder li { padding:5px 0; }
.block-reorder input.checkbox { float:left; margin:3px -20px 0 0; }
.block-reorder .label { display:block; margin-left:20px; }

/* Block: Banner */
.block-banner {}
.block-banner .block-content { text-align:center; }

/* Block: Checkout Progress */
.block-progress {}
.block-progress dt { font-weight:bold; }
.block-progress dt.complete,
.block-progress dd.complete { background-color:#f6f6f6; }
/* ======================================================================================= */


/* Category Page ========================================================================= */
.category-title { border-bottom:1px solid #ddd; margin:0 0 10px; }
.category-image { display:block; margin:0 auto; }
.category-products {}

/* View Type: Grid */
.products-grid { float:left; width:650px; }
.products-grid ul.odd {}
.products-grid ul.even { background-color:#f6f6f6; }
.products-grid li { float:left; min-width:142px; padding-top:20px; text-align:center; }
.products-grid li.empty {}
.products-grid li span.indent {}

/* View Type: List */
.products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; }
.products-list .product-image { float:left; }
.products-list .product-shop { float:right; width:320px; }
/* ======================================================================================= */


/* Product View ========================================================================== */
.product-view {}

.product-essential {}
.product-collateral {}

/* Product Images */
.product-view .product-img-container { padding-left:160px;  }
.product-view .product-img-box { float:left; width:277px; padding:20px 0 20px 0; background:url(../images/zg_product-zoom_bg.jpg) 10px 0 no-repeat; }
.product-view .product-img-box .product-image { border:1px solid #ddd; }
.product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; }
.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.product-view .product-img-box .zoom-notice { text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; }
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat;  }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }
.product-view .product-img-box .more-views h4 { display:none; }
.product-view .product-img-box .more-views ul { margin:25px 0 0 7px }
.product-view .product-img-box .more-views li { float:left; width:83px; height:100px; padding-top:8px; background:url(../images/zg_product-moreviews_bg.jpg) top left no-repeat; margin:0 0 8px 4px ; }

.product-image-popup { margin:0 auto; }
.product-image-popup .nav { text-align:center; }
.product-image-popup .image { display:block; }
.product-image-popup .image-label {}

/* Product Shop */
.product-view .product-shop { float:right; position:relative; width:350px; height:270px; margin-top:20px; padding:20px 140px 0 50px; background:url(../images/zg_product-shop_bg.jpg) top left no-repeat; }
.product-view .product-name {}
.product-view .product-name h2 { text-transform:uppercase; }
.product-view .short-description { width:300px; padding-top:20px; height:75px; text-transform: uppercase; line-height:15px; }
.product-view .continue-shopping { float:right; width:200px; padding:15px 300px 0 0; }
.product-view .services { clear:right; float:right; width:147px; height:80px; margin-top:30px; padding:8px 160px 0 20px; background:url(../images/zg_services_bg.jpg) top left no-repeat; }
.product-view .services a { color:#000; font-size:10px; text-decoration:none; text-transform:uppercase; }
.product-view .guides { position:absolute; width:160px; height:65px; top:140px; left:310px; background:url(../images/zg_guides_bg.png) top left no-repeat; }
.product-view .guides ul { padding-top:15px; line-height:14px; }
.product-view .guides li { list-style-type:disc; margin-left:15px; list-style-position: inside;}
.product-view .guides span { margin-left:-8px; }
.trigger-conseils-entretien, .trigger-guide-tailles { cursor:pointer; }
.conseils-entretien, .guide-tailles {
 display:none;
 z-index:10000;
 padding:40px;
 background-color:#fff;
 border:1px solid #000;
}
.conseils-entretien .close, .guide-tailles .close {
 background:url(../images/zg_overlay_close.png) top left no-repeat;
 position:absolute;
 right:-15px;
 top:-15px;
 cursor:pointer;
 height:35px;
 width:35px;
}

/* Rating */
.ratings {}
.ratings .amount {}
.ratings .rating-links {}
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; }
.rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x; }

/* Availability */
.availability {}
.availability .in-stock { font-weight:bold; }
.availability .out-of-stock { font-weight:bold; color:#f00; }

/********** < Product Prices */
.price { white-space:nowrap !important; }

.price-box { padding-left:15px; }
.price-box .price { font-weight:bold; background:#fff; padding:3px; }

.price-box-bundle {}

/* Regular price */
.regular-price {}
.regular-price .price { font-weight:bold; }

/* Old price */
.old-price {}
.old-price .price-label { white-space:nowrap; }
.old-price .price { font-weight:bold; text-decoration:line-through; }

/* Special price */
.special-price {}
.special-price .price-label { font-weight:bold; white-space:nowrap; }
.special-price .price { font-weight:bold; }

/* Minimal price (as low as) */
.minimal-price {}
.minimal-price .price-label { font-weight:bold; white-space:nowrap; }

a.minimal-price-link { display:block; }
a.minimal-price-link .label {}
a.minimal-price-link .price { font-weight:normal; }

/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { font-weight:normal; }

/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price { font-weight:bold; }

/* Excl tax (for order tables) */
.price-excl-tax  { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }

/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }

/* Price range */
.price-from {}
.price-from .price-label { font-weight:bold; white-space:nowrap; }
.price-to {}
.price-to .price-label { font-weight:bold; white-space:nowrap; }

/* Price as configured */
.price-as-configured {}
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }

/* Price notice next to the options */
.price-notice { padding-left:10px; }
.price-notice .price { font-weight:bold; }
/********** Product Prices > */

/* Tier Prices */
.tier-prices .price { font-weight:bold; }
.tier-prices .benefit {}

/* Add to Links */
.add-to-links .separator { display:none; }

/* Add to Cart */
.add-to-cart-box { padding-top:15px; }
.add-to-cart-table { margin-top: 20px; }
.add-to-cart .qty-box { width:50px; height:30px; background:url(../images/zg_qty-box_bg.gif) top center no-repeat; text-align:center; line-height:1.25;}
.add-to-cart label { font-size:8px; font-weight: bold; text-transform:uppercase; }
.add-to-cart .qty { margin-top:-8px; padding:0; font-size:8px; font-weight: bold; text-transform:uppercase; }
.add-to-cart button.button { float:left; background:none; position:absolute; top:240px; left:225px;}
.add-to-cart button.button span { background:none; }

.add-to-cart-simple .add-to-cart { padding:15px 0 0 15px; }
.add-to-cart-simple .add-to-cart-box { padding:0; }



/* Add to Links + Add to Cart */
.add-to-box {}
.add-to-box .add-to-cart { float:left; }
.add-to-box .or { float:left; margin:0 10px; }
.add-to-box .add-to-links { float:left; }

/*Color selector*/
td.more-colors { height:10px; }
.more-colors li { float:left; padding-right:3px; width:31px; text-align: center; }
.more-colors .active img, .more-colors img { width:25px; }
.more-colors img { padding-top:3px; }
.more-colors .active img { border:3px solid black; padding-top:0; }
.more-colors .inactive img { padding-top:3px; }

/* Product Options */
.product-options dl, .product-options .required { display:none; }
.product-options { /*padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6;*/ }
.product-options dt label { font-weight:bold; }
.product-options dt .qty-holder { float:right; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; }
.product-options dd { margin:10px 0; }
.product-options dl.last dd.last {}
.product-options dd input.input-text { width:98%; }
.producoct-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:100%; }
.product-options .options-list {}
.product-options .options-list input.radio { float:left; margin:3px -18px 0 0; }
.product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; }
.product-options .options-list .label { display:block; margin-left:20px; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.required { padding:15px 0 0; }

.product-options-bottom { /*padding:10px; border:1px solid #ddd; border-top:0;*/ }
.product-options-bottom .price-box { display:none; }

.product-options .custom-options li { float:left; width:31px; text-align: center; }
.product-options .custom-options .inactive img, .product-options .custom-options .active img { border:3px solid black; cursor:pointer; width:25px; }
.product-options .custom-options .inactive img { padding-top:3px; }
.product-options .custom-options .inactive img { border-width:0; }

#size-msg { position:absolute; width:250px; top:255px; left:50px; color:red; }

/* Grouped Product */
.grouped-items {}

/* Block: Description */
.product-view .description {}

/* Block: Additional */
.product-view .additional {}

/* Block: Upsell */
.product-view .up-sell {}
.product-view .up-sell .products-grid td { width:25%; }

/* Block: Tags */
.product-view .tags {}
.product-view .tags .form-add-tags label { float:left; }
.product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; }
.product-view .tags .form-add-tags input.input-text { width:254px; }
.product-view .tags .form-add-tags button.button { vertical-align:bottom; }
.product-view .tags .form-add-tags p { clear:both; }

/* Block: Reviews */
.product-view .reviews {}

/* Block: Add Review */
.product-view .add-review {}
.product-view .add-review .product-name span { font-weight:normal; }
/* ======================================================================================= */


/* Content Styles ================================================================= */
.product-name { padding-top:10px; font-size:1em; font-weight:bold; line-height:1.5; }

/* Product Tags */
.tags-list li { display:inline; }

/* Advanced Search */
.search-summary {}

/* CMS Home Page */
.cms-home .products-grid td { width:20%; }
body.cms-home, .cms-home .header, .cms-home .col-main { background:#ffffff; }
.cms-home .home-btn { visibility:hidden; }
.cms-home .home-content { text-align:center; padding:15px 0 10px 0; }
.cms-home .scroller { position:relative; }
.cms-home .mask { position:absolute; top:15px; left:165px; z-index:1000; }
.cms-home .items { position:absolute; top:19px; left:168px; height: 463px; width: 719px; margin: auto; z-index:900; }

/* Sitemap */
.sitemap {}

/* Press-book */
.flipping-book { /*padding:55px 0 0 35px*/ overflow:hidden; }
.cms-press-book .page { overflow:hidden; }
.cms-press-book .std { overflow:hidden; }
.cms-press-book .main { overflow:hidden; } 
.cms-press-book .col-main { height:495px; overflow:hidden; } 

/* Points de vente */
.page-pdv { position:relative; height: 500px; margin-left:40px; background-position:top left; background-repeat: no-repeat; }
.page-pdv .countries { float:right; width:195px; padding:30px 55px 0 0; }
.page-pdv .countries a { text-decoration: none; }
.page-pdv .shops-container { width:230px; padding:130px 0 0 450px; font-weight:bold; }
.page-pdv li { list-style-type: none; line-height: 21px; }
.page-pdv #shops { height:300px; width:250px; overflow:auto; position: relative;}
.page-pdv #shops li { line-height:14px; }
.page-pdv .first-letter, .page-pdv .last-letters { background:#9eb0a8; color:#fff; }
.page-pdv .first-letter { font-size:1.4em; }
.page-pdv .last-letters { border-bottom:1px solid #9eb0a8; font-size:1.2em; }
.link-visite { display:block; position:absolute; top:320px; left:40px; width:120px; height:100px; cursor: pointer; }

/************ Scroller ***************/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background:url(../images/zg_scrollbar_bg.jpg) top center repeat-y;
}
.vscrollerbar {
width: 10px;
background-color: #acacac;
}
/************ End Scroller ***************/

/* Video */
.cms-video .title { text-align:center; padding-bottom:20px; }
.cms-video .player { height:350px; padding-top:40px; background:url(../images/zg_video_player_bg.jpg) top center no-repeat; }
.cms-video #player { margin:0 auto; }

/* Contacts */
.contacts-container { background-repeat: no-repeat; background-position: 250px 0; height:500px; overflow:hidden;  }
.contacts-container .service-commercial { width:200px; height:100px; padding:250px 0 0 32px; float:left; }
.contacts-container .form-container { float:left; width:200px; height:250px; padding:248px 0 0 185px; }
.contacts-container .form-container .input-box { height:22px; }
.contacts-container .form-container textarea { height:100px; }
.contacts-container .form-container input.input-text, .contacts-container .form-container textarea { width:160px; border:0; }
.contacts-container .form-container .buttons-set { border:0; margin:0; padding:0; }
.contacts-container .form-container .buttons-set button.button { float:left; background:none; }
.contacts-container .form-container .buttons-set button.button span { background:none; }

/* Services */
.cms-services .col-main { height:2700px; }
.cms-services .services { padding: 30px; }

/* ======================================================================================= */


/* Product Review ======================================================================== */
.product-review {}
.product-review .product-img-box { float:left; width:140px;  }
.product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; }
.product-review .details { float:right; width:570px; }
/* ======================================================================================= */


/* Shopping Cart ========================================================================= */
.cart { padding:0 50px 0 50px; }
.cart .page-title { text-align:center; }
.cart .checkout-types {float:right; padding:20px 0 10px 0; text-align:right; }

/* Shopping Cart Table */
.cart-table { background:#fff url(../images/zg_cart_cart-table_bg.jpg) bottom left no-repeat;  }
.cart-table .item-msg { font-size:10px; }
.cart-table thead, .cart-table tfoot { display:none; }
.cart-table tbody {}
.cart table td { border:0; }
.cart-table td img { padding:10px 10px 0 0; }
.cart-table .cart-price-unit { display:none; }
.cart-table .cart-price { padding: 10px 75px 0pt 0; }
.cart-table .cart-price .price { font-size:14px; font-weight:bold; }
.cart-table h3 { padding-top:10px; }
.cart-table h3 a { color:#000; font-size:14px; }
.cart-table .sku { font-size:9px; color:#666666; }

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { float:left; width:550px; padding:30px 0 0 15px; }
.cart .cart-collaterals .col-1 { width:260px; }
.cart .cart-collaterals .col-2 { float:left; padding-top:3px; }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:90px; }
.cart .shipping {}
.cart .discount { padding: 50px 0 20px 0; background-position:top left; background-repeat: no-repeat; text-align:center; }
.cart .discount .no-coupon { /*padding-left:32px;*/ }
.cart .discount button.button { background: none; padding:0; }
.cart .discount button.button span { background:none; }
.cart .discount button.button span img { border:1px solid #406a83; }
.cart .discount input.input-text { width:120px; }

/* Shopping Cart Totals */
.cart .totals { float:right; margin-top:15px; height:200px; background: url(../images/zg_cart-totals_bg.jpg) top right no-repeat; padding:20px 15px; }
.cart .totals table { width:100%; }
.cart .totals table th,
.cart .totals table td { padding:5px 15px; }
.cart .totals table th { /*font-weight:bold;*/ font-size:13px; }
.cart .totals table tfoot { font-size:15px; }
.cart .totals button.button, .cart .totals button.button span { background:none; }

/* Forgot password */
.forgotpassword { width:550px; margin:auto; }
.forgotpassword .buttons-set { border:0; }

/* Options Tool Tip */
.item-options dt { font-weight:bold; font-style:italic; }
.item-options dd { padding-left:10px; }
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; }
.truncated .show dl { top:-20px; left:50%; }
.col-left .truncated .show dl { left:30px; top:7px; }
.col-right .truncated .show dl  { left:-240px; top:7px; }
/* ======================================================================================= */


/* Checkout ============================================================================== */

#cb-select { left:270px; position:absolute; top:-35px; }

/* One Page */

.opc { float:left; padding-left:230px; width:600px; min-height:1000px; }
.opc .divider { border-bottom:1px solid #dddddd; margin:20px 0 20px 0; }

.checkout-onepage-index .page-title h2 { text-align:center; }

.opc label { display:block; float: left; text-align: right; width:260px; padding-right:5px; font-weight:bold; }
.opc label.wide { width:400px; }
.opc .form-list input.input-text, .form-list textarea {
display:block;
float:left;
width:250px;
}
.opc tr th { font-weight:bold; }
.opc .padding { padding-left:265px; }
.opc h4 { padding-bottom:10px; }
.opc .group-select .input-box { width:100%; }
.opc .address-select { width: 390px; }
.opc p.required { text-align:left; padding-left:265px; }
.opc p.step-head  { padding:10px; }
.opc p.hidden { display:none; } 
.opc .buttons-set { border:0; padding-left:265px; }
.opc button.button { float:left; }
.opc br { display:none; }
.opc #checkout-shipping-method-load .sp-methods dt { display:none; }
.opc .totals { border-top:1px solid #dddddd; border-bottom: 1px solid #dddddd; width:100%; }
.opc .totals td { text-align:right; }
.opc .totals td.total { font-weight:bold; font-size:14px; }
.opc .opc-newsletter { margin:10px 0 10px 0; }
.opc .opc-place-order { margin:30px 0 30px 0; text-align: center; }

.opc .forgot-link { padding-left:10px; }
.opc .name-lastname { padding-top:5px; }
.opc #billing:street2 { margin-left:265px; }
.opc .shipping-address-2 { padding-left:265px; }
.opc .shipping-radio { padding-left:265px; }
.opc .shipping-radio label { display:inline; text-align: left; float:none; }
.checkout-onepage-index .col-right { display:none; width:1px; overflow:hidden; }
.checkout .page-title { text-align:center; }
.opc #opc-shipping { display:none; }
.opc #co-shipping-method-form .buttons-set,
.opc #checkout-step-payment .buttons-set
{ display:none; }
.opc dt.atos_standard { /*display:none;*/ }
.opc ul#payment_form_atos_standard label { padding-top:8px; }
.opc #payment_form_paypal_express { display:none; }
.opc #opc-payment p.required { display:none; }
.opc #opc-review button.button, .opc #opc-review .button span { background:none; }
.opc #opc-review .step { padding-bottom:30px; border:0; }
.opc #checkout-shipping-method-load { float:left; }


.opc #opc-shipping { display:none; }


.opc { border-bottom:1px solid #ddd; position:relative; }
.opc li.section { /*border:1px solid #ddd;*/ border-bottom:0; }
.opc .step-title { /*background-color:#f6f6f6; padding:0 5px; text-align:right;*/ display:none; }
.opc .step-title .number { float:left; line-height:22px; margin-right:5px; }
.opc .step-title h3 { float:left; }
.opc .allow .step-title { cursor:pointer; }
.opc .active {}
.opc .active .step-title { background-color:#ccc; cursor:default; }
.opc .step { border-bottom:1px solid #ddd; padding:20px; position:relative; }
.opc .step .tool-tip { right:10px; }
.opc .order-review {}
.opc .back-link { display:none; }

.opc .validation-advice { padding-left:265px; background:none;}
.opc #opc-billing .validation-advice, .opc #opc-shipping .validation-advice { display:none; }
.opc #checkout-step-payment .validation-advice { visibility:hidden; }
.opc #checkout-step-payment #advice-validate-one-required-atos_standard_atos_cc_CB { visibility:visible; }

/* Multiple Addresses Checkout */
.checkout-progress { padding:0 50px; margin:10px 0; }
.checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; }
.checkout-progress li.active { border-top-color:#000; color:#000; }

.multiple-checkout { position:relative; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }
.multiple-checkout .grand-total { font-size:1.5em; text-align:right; }
.multiple-checkout .grand-total big {}
.multiple-checkout .grand-total .price {}

/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods dt { font-weight:bold; }
.sp-methods .price { font-weight:bold; }
/*.sp-methods .form-list { padding-left:20px; }*/
.sp-methods select.month { width:150px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }

.please-wait { position:fixed; z-index:10000; top:0; left:0; float:right; width:100%; height:100%; background:transparent; text-align:center; }
.please-wait .content { position:absolute; top:40%; left:42%; color:#ffffff; background: #000000; padding:20px; font-weight:bold; }
.cvv-what-is-this { cursor:help; margin-left:5px; }

/* Tooltip */
.tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; }
.tool-tip .btn-close { text-align:right; }
.tool-tip .tool-tip-content { padding:5px; }

/* Gift Messages */
.add-gift-message {}
.add-gift-message p { display:none; }
.gift-message-form { float:right; width:310px; /*border:1px solid #ddd; background-color:#f5f5f5;*/ }
.gift-message-form textarea { width:295px; }
.gift-message-form li.first { display:none; }
.gift-message-form li.second label { text-align:left; }
.gift-message-form .inner-box { padding:5px; height:120px; overflow:auto; }
.gift-message-form .gift-item {}

.gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
.gift-message-link.expanded { background-position:0 -53px; }
.gift-message-row {}
.gift-message-row .btn-close { float:right; }
.gift-message dt strong { font-weight:bold; }

/* Checkout Agreements */
.checkout-agreements {}
.checkout-agreements li { margin:10px 0; }
.checkout-agreements .agreement-content { display:none; }
.checkout-agreements .agree { padding:6px; }
.checkout-agreements label { width:630px; }
/********** Common Checkout Styles > */
/* ======================================================================================= */


/* Account Login/Create Pages ============================================================ */
.account-login {}
.account-login .new-users {}
.account-login .registered-users {}

.account-create {}
/* Account Login/Create Pages ============================================================ */


/* My Account ============================================================================= */
/********** < Dashboard */
.dashboard {}
.dashboard .welcome-msg {}

/* Block: Recent Orders */
.dashboard .recent-orders { margin:10px 0; }

/* Block: Tags */
.dashboard .tags .number { float:left; margin-right:-20px; }
.dashboard .tags .details { margin-left:20px; }

/* Block: Reviews */
.dashboard .reviews {}
/********** Dashboard > */

/* Order View */
.order-info { border:1px solid #ddd; padding:5px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info dt { font-weight:bold; }

/* Print Pages */
.page-print .print-head {}
.page-print .print-head img { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
/* ======================================================================================= */


/* Footer ================================================================================ */
.footer-container { height:85px; position:relative; background:url(../images/zg_nav_bg.gif) bottom left repeat-x; }
#sub-nav { display:none; position:absolute; top:-50px; width:100%; height:50px; background:url(../images/zg_sub-nav.png) bottom left repeat-x; }
.footer { clear:both; width:1015px; margin:0 auto; }
.footer p { text-align:right; }
.footer address { text-align:right; }
.footer ul { float:left; }
.footer .languages { float:left; width:100%; text-align:right; }
/* ======================================================================================= */


/* Music Player =========================================================================== */

.music-player-container, .cms-music { background:#f9fbfa; text-align:center; }
.music-player { width:800px; height:510px; background:url(../images/zg_music_bg.jpg) top left no-repeat; }

.spectrum-container {
 display:none;
}

ul.use-spectrum li.sm2_playing .spectrum-container {
 position:absolute;
 left:0px;
 top:0px;
 margin-left:-266px;
 margin-top:-1px;
 display:block;
 background-color:#5588bb;
 border:1px solid #99ccff;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
}

ul.use-spectrum .spectrum-box {
 position:relative;
 width:255px;
 font-size:1em;
 padding:2px 0px;
 height:1.2em;
 overflow:hidden;
}

ul.use-spectrum .spectrum-box .spectrum {
 position:absolute;
 left:0px;
 top:-2px;
 margin-top:20px;
 display:block;
 font-size:1px;
 width:1px;
 height:1px; /* set to 50px for a thick line, 1px for a thin line, etc. */
 overflow:hidden;
 background-color:#fff;
}

ul.playlist {
 list-style-type:none;
 margin:0px;
 padding:270px 0 0 40px;
 width:310px;
position:absolute;
top:10px;
left:20px;

}

ul.playlist li {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 position:relative;
 display:block;
 width:auto;
 color:#666;
 padding:0.25em 0.5em 0.25em 0.5em;
 border:none;
 text-align: left;
 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
}

ul.playlist li a {
 display:block;
 text-decoration:none;
 font-weight:normal;
 color:#000;
 font-size:120%;
 outline:none;
 position:relative;
 z-index:2;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
 color:#333;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}

ul.playlist li:hover {
 background-color:#eee;
}

ul.playlist li:hover a {
 color:#333;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
 background-color:transparent;
}

ul.playlist li.sm2_paused {
 background-color:#999;
}

ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused a {
 /*color:#000;*/
}

ul.playlist li .controls {
 display:none;
}

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
 display:none;
 position:absolute;
 top:0.55em;
 right:0.5em;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
 position:relative;
 display:block;
}

ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak {
 display:inline;
 display:inline-block;
}

ul.playlist.use-peak li .peak {
 display:none; /* IE 7 */
}

ul.playlist li.sm2_paused .controls {
 background-color:#666;
}

ul.playlist li:hover .controls .statusbar {
 position:relative;
 cursor:ew-resize;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
 background-color:#ccc;
}

ul.playlist li .controls {
 position:relative;
 margin-top:0.25em;
 margin-bottom:0.25em;
 background-color:#ddd;
}

ul.playlist li .controls .statusbar {
 position:relative;
 height:0.5em;
 background-color:#fff;
 border:2px solid #fff;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 overflow:hidden;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 left:0px;
 top:0px;
 height:0.5em;
}

ul.playlist li .controls .statusbar .position {
 background-color:#999999;
 border-right:3px solid #999999;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
 background:transparent;
 border-color:#666;
}

ul.playlist li .controls .statusbar .loading {
 background-color:#ddd;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
 width:0px;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
 margin-right:4.5em; /* room for timing stuff */
}

ul.playlist li .timing {
 position:absolute;
 display:none !important;
 text-align:right;
 right:1em;
 top:1em;
 width:auto;
 height:1em;
 padding:3px 5px;
 background-color:#ddd;
 border:1px solid #99ccff;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 border-radius:4px;
 letter-spacing:0px;
 font:44% monaco,"VT-100",terminal,"lucida console",courier,system;
 line-height:1em;
 vertical-align:middle;
}

ul.playlist.use-peak li .timing {
 right:4.25em;
}

ul.playlist li:hover .timing {
 z-index:2;
}

ul.playlist li .timing div.sm2_timing {
 margin:0px;
 padding:0px;
 margin-top:-1em;
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
 display:block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
 text-decoration:blink; /* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing,
ul.playlist.use-peak li.sm2_paused .peak {
 background-color:#888;
 border-color:#ccc;
}

/* peak data */

/* ul.playlist ... */

ul.playlist.use-peak li .peak {
 display:none;
 zoom:1;
 border:1px solid #99ccff;
 padding:2px;
 height:0.55em;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 border-radius:4px;
 background-color:#5588bb;
 width:0.8em;
 height:0.55em;
 margin-top:-3px;
}

ul.playlist.use-peak li .peak-box {
 position:relative;
 width:100%;
 height:0.55em;
 overflow:hidden;
}

ul.playlist li .peak .l,
ul.playlist li .peak .r {
 position:absolute;
 left:0px;
 top:0px;
 width:7px;
 height:50px;
 background:#fff;
 border:1px solid #fff;
 -moz-border-radius:1px;
 -khtml-border-radius:1px;
 margin-top:1em;
}

ul.playlist li .peak .l {
 margin-right:1px;
}

ul.playlist li .peak .r {
 left:10px;
}

#control-template {
 display:none;
}
/* ======================================================================================= */