/* ##################################################################################################
	PRESTASHOP CSS
################################################################################################## */

/* ****************************************************************************
		reset
**************************************************************************** */
html{color:red;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}

.ie7 input, .ie7 select{line-height:18px}
a {cursor:pointer}
:focus{outline:none !important;}

/* ************************************************************************************************
		fonts
************************************************************************************************ */

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: normal;
  src: local('Open Sans Cond Light Italic'), local('OpenSans-CondensedLightItalic'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/jIXlqT1WKafUSwj6s9AzV6XnXbwdDC8wAz6IIzmCDUP3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}

/* ************************************************************************************************
		struture et positionnements
************************************************************************************************ */
html{
    height:100%;
}

#page {
    position:relative;
    min-width:960px;
}
#header {
    position:fixed;
    height:75px;
    top:0;
    left:0;
    right:0;
    z-index:99;
    color:#999;
}
#content_container {
    padding:75px 310px 0 240px;
	position:relative;
}

#content_container #cat_bg_container{
	position:absolute;
	top:75px;
	left:0;
	right:0;
	overflow:hidden;
}
#content_container #cat_bg_container img{
	position:relative;
	display:block;
	width:100%;
}



body#index #content_container, body#index #page #content_container #homeslider {
    position:relative;
    padding:0;
}
body#index #page #content_container #homeslider #homeslider_nav{
    position:fixed;
    bottom:60px;
    left:84%;
    font-size:8pt;
    text-transform:uppercase;
    color:#999;
    padding:5px 10px;
    z-index:3;
}
body#index #page #content_container #homeslider #homeslider_nav span, body#index #page #content_container #homeslider #homeslider_nav a{
    margin:0 5px;
    display:inline;
}

body#index #page #content_container #homeslider #homeslider_nav a img{
    padding-bottom:2px;
}

body#index #page #content_container #homeslider .slide{
    display:block;
    overflow:hidden;
    position: relative;
}

body#index #page #content_container #homeslider .slide a{
    display:block;
    height:100%;
    width:100%;
}
body#index #page #content_container #homeslider .slide a img{
    display:block;
    height:100%;
	margin:0 auto;
}

body#category #content_container, 
body#cms #content_container,
body#contact #content_container,
body#search #content_container,
body#authentication #content_container,
body#order #content_container,
body#address #content_container,
body#module-collections-displayCollections #content_container,
body#module-collections-displayCollection #content_container,
body#module-blocknewsletter_iedra-subscription #content_container{
    padding:75px 30px 0 0px;
    margin:0px 0px 0 240px;
}

body#product #content_container, body#module-diary-displayDiary #content_container {
    padding:75px 0px 0 0px;
    margin:0px 0px 0 240px;
}
body#product #content_container #center_column, body#module-diary-displayDiary #content_container #diary {
    margin:0px 310px 0 0;
}

body#category #left_column, body#product #left_column, body#search #left_column {
    position:relative;
    float:left;
}
body#category #product_list .product_block, body#search #product_list .product_block {
    width:46%;
    float:left;
    margin:0 2% 2% 2%;
    position:relative;
    text-transform:uppercase;
}

body#category #product_list .product_block .product_infos, body#search #product_list .product_block .product_infos {
    position:relative;
    display:block;
	color:#FFF;
}
body#category #product_list .product_block:hover .product_infos, body#search #product_list .product_block:hover .product_infos{
    color:#000;
}

body#category #product_list .product_block a,
body#search #product_list .product_block a{
    text-decoration:none;
    text-align:center;
    display:block;
    font-size:15px !important;
	line-height:15px !important;
    font-family: 'Open Sans Condensed';
	border:0;
	margin-top:10px !important;
	margin-bottom:0 !important;
}


body#category #product_list .product_block h3, body#search #product_list .product_block h3{
    padding-left:10px;
    padding-right:10px;
	padding-bottom:0;
}

body#category #product_list .cell2 .product_infos a,
body#search #product_list .cell2 .product_infos a,
body#category #product_list .cell2 .product_infos span, body#search #product_list .cell2 .product_infos span{
    font-size:20pt;
    line-height:30pt;
}
body#category #product_list .cell4 .product_infos a,
body#search #product_list .cell4 .product_infos a,
body#category #product_list .cell4 .product_infos span, body#search #product_list .cell4 .product_infos span{
    font-size:15pt;
    line-height:24pt;
}

body#category #product_list .cell8 .product_infos a,
body#search #product_list .cell8 .product_infos a,
body#category #product_list .cell8 .product_infos span, body#search #product_list .cell8 .product_infos span{
    font-size:10pt;
    line-height:17pt;
}


body #product_list .product_block h3, body #product_list .product_block .content_price span{
	border:0;
	text-decoration:none;
    text-align:center;
    display:block;
	margin-top:10px !important;
	margin-bottom:0 !important;
	font-family: 'Open Sans Condensed';
	font-weight:normal;
	font-size:11pt !important;
	line-height:14pt !important;
}


body#category #product_list .product_block img , body#category #product_list .product_block a.product_img_link,
body#search #product_list .product_block img , body#search #product_list .product_block a.product_img_link{
    width:100%;
    display:block;
}

body#category #product_list .product_block img.pic_image_invisible, body#search #product_list .product_block img.pic_image_invisible{
    display:none;
}
body#category #product_list .product_block:hover img.pic_image_invisible, body#search #product_list .product_block:hover img.pic_image_invisible {
    display:block;
}
body#category #product_list .product_block:hover img.pic_image_visible, body#search #product_list .product_block:hover img.pic_image_visible {
    display:none;
}

#left_column {
    position:fixed;
    width:195px;
    padding-left:35px;
    right:10px;
    padding-top:75px;
    top:0;
    left:0;
    z-index:99;
}

#right_column {
    position:relative;
    float:right;
    width:250px;
    padding-top:82px;
    padding-right:30px;
}

#footer {
    position:relative;
    margin-left:240px;
    margin-right:30px;
    height:60px;
    line-height:40px;
    text-align: right;
    background:#FFF;
}

body#index #footer{
    margin:0;
}
body#index #footer #permanent_links{
    padding-right:40px;
}
#header #header_left{
    position:relative;
    text-transform:uppercase;
	line-height:75px;
	padding-left:240px;
	float:left;
}
#header #header_right{
    position:relative;
    float: right;
    font-size:0;
    text-transform:uppercase;
    padding-right:15px;
}
#header #header_right #permanent_links, #header #header_right #permanent_links div{
	display:inline-block;
	position:relative;
}

#header #header_right #permanent_links div .popup_roll_content{
	-moz-box-sizing:border-box;
	display:block;
	height:0;
	background:#FFFFFF;
	transition-duration: 0.4s;
    transition-property: height;
    transition-timing-function: ease-out;
	position:absolute;
	top:75px;
	left:0;
	overflow:hidden;
	color:#000000;
	font-size:10px;
	width:340px;
}
#header #header_right #permanent_links div:hover .popup_roll_content{
	height:200px;
}
#header #header_right #permanent_links .popup_roll_content a, #header #header_right #permanent_links .popup_roll_content p{
	line-height:16px;
	padding-left:15px;
	margin-left:0;
	margin-right:0;
}
#header #header_right #permanent_links .popup_roll_content a{
	text-decoration:underline;
}



#header #header_right #permanent_links div:hover .popup_roll_content{
	height:270px;
}

#header #header_right #search_block_top{
    display:inline-block;
    font-size:8pt;
    margin-right:15px;
}
#header #header_right #search_block_top form{
    display:inline;
}
#header #header_right a{
    line-height:75px;
    font-size:7pt;
    display:inline-block;
    padding:0 15px;
}
#header #header_right input{
    font-size:7pt;
}

#footer a{
    font-size:7pt;
    text-transform: uppercase;
    margin-left:30px;
}

#popin, #zone_popin{
    position:fixed;
    background:transparent url(../img/back_popin.png) repeat 0 0;
    top:0;
    left:0;
    right:0;
    z-index:99;
    display:none;
}
#zone_popin{
	display:block;
}
#popin #popin_content{
    position:relative;
    height:500px;
    width:900px;
    margin:0 auto;
    background:#FFF url(../img/loading.gif) no-repeat 50% 50%;
    display:none;
    padding: 50px 30px 30px 30px;
}
#zone_popin #zone_popin_content{
	position:relative;
    height:90px;
    width:310px;
    margin:0 auto;
	padding: 30px 0;
	text-align:center;
	background:#000000;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
}
#zone_popin #zone_popin_content p{
	margin-bottom:15px;
}
#zone_popin #zone_popin_content a{
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
}
#popin #popin_content #popin_content_ajax{
    background:#FFF;
    display:none;
}

#popin #popin_content #popin_content_ajax .content_only #cms_content{
    height:450px;
    overflow:auto;
}

#popin #popin_content a#popin_close{
    background:#FFF url(../img/close.png) no-repeat left 50%;
    display:block;
    height:20px;
    width:20px;
    position:absolute;
    top:30px;
    right:30px;
}
#popin #popin_content a#popin_close:hover{
    background:#FFF url(../img/close.png) no-repeat right 50%;
}



#left_column #logo {
    margin-bottom:60px;
}

#left_column ul{
    display:block;
}

#left_column ul ul{
    display:none;
    padding-left:10px;
    padding-bottom:10px;
}
#left_column ul li.selected ul{
    display:block;
}


.content_sortPagiBar{
    position:relative;
    margin-top:20px;
    height:65px;
}
.content_sortPagiBar #page_views{
    position:absolute;
    right:0;
    top:0;
    font-size:7pt;
}

.content_sortPagiBar #page_views a{
    text-decoration:none;
    color:#000;
    margin-left:12px;
}
.content_sortPagiBar #page_views a.selected{
    text-decoration:underline;
}

.sortPagiBar, .sortPagiBar select, #size_sort{
    font-size:7pt;
    text-transform:uppercase;
	display:inline-block;
	position:relative;
}

#size_sort{
	margin-left:20px;
}
#size_sort span, #size_sort .PM_ASBlockOutput{
	display:inline-block;
	border:0;
	border-radius:none;
	margin-bottom:0;
}
#size_sort span{
	margin-right:10px;
	color: #999;
}


.sortPagiBar label{
    margin-right:10px;
}

.table{
    display:table;
}
.table-row{
    display:table-row;
}
.table-cell{
    display:table-cell;
}

/* ************************************************************************************************
		generic style
************************************************************************************************ */
body{
    font-family:"Helvetica", "Arial", "Verdana", sans-serif;
    font-size:7pt;
    color:#000;
    background:#fff;
    position:relative;
    text-transform:uppercase;
}

ul{
    list-style:none;
}
/* positionnement ****************************************************************************** */
.hidden {display:none}
.f_left {float:left}
.f_right {float:right}
.clear {clear:both}


/* text **************************************************************************************** */
p {
    padding-bottom:5px;
}

p em {font-style:italic}

.warning {
	background:#DFDFDF;
        padding:15px 20px 15px 20px;
}
.success {
	background: #d3ffab;
}

.error {
	background:#DFDFDF;
        padding:15px 20px 15px 20px;
        margin-bottom:30px;
}
.required {color:#990000}

.uppercase{
    text-transform:uppercase;
}

.black{
    color:#000 !important;
}
.bold{
    font-weight:bold;
}
.relative{
    position:relative;
}


h1,h2,h3,h4,h5,h6{
    text-transform: uppercase;
}
h1{
    font-size:12pt;
    line-height: 14pt;
    border-bottom:1px solid #000;
    padding-bottom:10px;
    margin-bottom:30px;
}
h2{
    font-size:10pt;
    margin-bottom:10px;
}
h3{
    font-size:9pt;
    line-height: 9pt;
    border-bottom:1px solid #000;
    padding-bottom:8px;
    margin-bottom:20px;
}

label{
    color:#999;
    display:inline-block;
}

#node152{
	margin-bottom:15px;
}
#node151 a, #node152 a{
	color:red !important;
	font-weight:bold !important;
}

/* link **************************************************************************************** */
a, a:active, a:visited {
    text-decoration:none;
    outline: medium none;
    color:#999;
    transition-duration: 0.4s;
    transition-property: color;
    transition-timing-function: ease-out;
}
a:hover {
    color:#000;
}

a.cart_quantity_down, a.cart_quantity_up{
    font-size:16pt;
    line-height:25px;
    display:inline-block;
    vertical-align: middle;
}
a.cart_quantity_down{
    padding-bottom:3px;
}
a.cart_quantity_up{
    padding-bottom:1px;
}

#left_column a{
    color:#000;
    margin-bottom:6px;
    text-transform: uppercase;
    display:block;
    font-size:7pt;
}

#categories_block_left ul ul a{
    font-weight:normal;
}

#left_column ul > li.selected > a{
    font-weight:bold;
}
#left_column ul > li.selected > a:hover{
    font-weight:bold;
    color:#000;
}

#left_column > a{
    color:#000;
    font-size:7pt;
    text-transform:uppercase;
}
#left_column > a:hover{
    color:#999;
}
	
/* HACK IOS ipad, iphone */
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="submit"], input[type="image"], textarea{
        font-family:"Helvetica", "Arial", "Verdana", sans-serif;
        background:#FFF;
        border:1px solid #999;
        color:#999;
        font-size: 7pt;
        padding: 5px 10px;
        resize: none;
        transition-duration: 0.4s;
        transition-property: color,border;
        transition-timing-function: ease-out;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0px !important;
	-moz-border-radius:0px !important;
	border-radius:0px !important; 
}
input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="image"]:hover, textarea:hover,
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="image"]:focus, textarea:focus{
        border:1px solid #000;
        color:#000;
}
select{
    background:#FFF;
    color:#999;
    border:1px solid #999;
    font-family:"Helvetica", "Arial", "Verdana", sans-serif;
    font-size: 9pt;
    line-height:13pt;
    display:inline-block;
    transition-duration: 0.5s;
    transition-property: width,border,background;
    transition-timing-function: ease-out;
}
select:hover{
    color:#000;
    border:1px solid #000;
}

select option{
    padding:0px 5px;
    font-size: 9pt;
    line-height:13pt;
    color:#999;
    transition-duration: 0.5s;
    transition-property: width,border,background;
    transition-timing-function: ease-out;
}

select option:hover{
    color:#000;
}

/*buttons ************************************************************************************** */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
	position:relative;
	display:inline-block;
	padding:5px 10px;
	font-weight:bold;
	color:#FFF;
	background:#000;
	cursor: pointer;
        border:0;
        text-transform:uppercase;
        font-size:9pt;
}

input.button, a.button{
	font-weight:bold;
	color:#FFF;
	background:#000;
	cursor: pointer;
        text-transform:uppercase;
}



/* form **************************************************************************************** */
form.std fieldset {
    border:1px solid #ccc
}

input#search_query_top{
    text-transform:uppercase;
    color:#999;
    border:1px solid transparent;
    width:80px;
    transition-duration: 0.5s;
    transition-property: width,border,background;
    transition-timing-function: ease-out;
    padding:2px 5px;
    background-color:transparent;
    text-align:right;
}

input#search_query_top:hover, input#search_query_top:focus{
    width:240px;
    border-color: #999;
    background-color:#FFF;
}

/* table *************************************************************************************** */
table.std,
table.table_block {
	margin-bottom:20px;
	width:100%;
	border:1px solid #999;
	border-bottom:none;
	background:white;
	border-collapse:inherit
}
table.std th,
table.table_block th {
	padding:14px 12px;
	font-size:10pt;
	color:#000;
	text-transform:uppercase;
        border-bottom:1px solid #999;
}
table.std tr.alternate_item,
table.table_block tr.alternate_item {background-color: #f3f3f3}
table.std  td,
table.table_block  td {
	padding:12px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:top
}

/* BLOCK .block ******************************************************************************** */

#footer .block {margin-bottom:0}

.block ul {list-style-type:none}
.block li.last {border:none}


/* BLOCK .products_block *********************************************************************** */
.products_block {}
	.products_block li {float:left
}
	.products_block li img {border:1px solid #d1d1d1}

/* BLOCK customer privacy ******************************************************************* */
.account_creation label{
	float:left;
	padding-top:5px;
	width:80%;
	text-align:left;
	cursor:pointer
}

/* BLOCK .footer_links (cms pages) ************************************************************* */
ul.footer_links {
	list-style-type:none;
	margin-bottom:20px
}
ul.footer_links li {float:left}
ul.footer_links li.f_right {float:right}
ul.footer_links li .icon {
	position:relative;
	top:6px;
	left:0
}

/* barre comparaison / tri ********************************************************************* */
#center_column .sortPagiBar {
	padding:10px;
	font:normal 11px Arial, Verdana, sans-serif;
	color:#999;
	background:#eee;
}
	#center_column .sortPagiBar strong {color:#000;}
#center_column .sortPagiBar p {padding:0;}
#center_column .sortPagiBar form {display:inline-block;}

.ie7 #center_column .sortPagiBar form {display:inline;}


.sortPagiBar .bt_compare {
	padding:3px 7px;
	border:none;
	color:#fff;
	text-shadow:0 1px 0 #000;
	background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;
}

.sortPagiBar .nbrItemPage {margin-left:40px;}

.sortPagiBar .PrductSort {float:left;}

.sortPagiBar .nbrProduct {
	display:inline-block;
	padding:0 10px;
}

.sortPagiBar #nb_item {border:1px solid #ccc}

/* pagination ********************************************************************************** */
form.pagination {display:none;}


ul.pagination {list-style-type:none}
ul.pagination li {display: inline;}
ul.pagination a, ul.pagination span {
	display:inline-block;
	height:24px;
	width:24px;
	border:1px solid #eee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font:11px/24px Arial,Verdana,sans-serif;
	color:#999
}
ul.pagination a {
	text-align:center;
}
ul.pagination a:hover {
	color:#333;
	border:1px solid #333
}
ul.pagination .current span {
	color:#000;
	border:1px solid #fff
}
ul.pagination li.disabled span {color:#ccc}

#pagination_previous, .pagination_previous {float:left}
#pagination_next, .pagination_next {float:right}

.ie7 #pagination_previous, .ie7 .pagination_previous,
.ie7 #pagination_next, .ie7 .pagination_next {float:none}

ul.pagination .pagination_previous a,ul.pagination .pagination_previous span,
ul.pagination .pagination_next a, ul.pagination .pagination_next span {
	padding:0 8px;
	width:auto;
}
#pagination_previous, .pagination_previous span,
#pagination_next, .pagination_next span {
	color:#ccc;
	border:1px solid #eee
}

/* CART steps *********************************************************************** */

#order_step_container{
    display:table;
    width:100%;
    padding:20px 0 50px 0;
}

ul#order_step {
	list-style-type:none;
        display:table-row;
}
ul.step li {
	text-align:center;
	text-transform:uppercase;
        display:table-cell;
        
}
ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span {
	display:inline-block;
	padding:10px 5px;
}

ul.step li a, ul.step li.step_current_end span {
	display:inline-block;
	padding:10px 5px;
}
ul.step li.step_current span{
    display:block;
    background:#000;
    color:#FFF;
}
ul.step li.step_current,ul.step li.step_done{
    border-bottom:1px solid #000;
}


ul.step li.step_current_end {
    display:block;
    background:#000;
    color:#FFF;
    border-bottom:1px solid #000;
}

ul.step li.step_todo span {
	display:block;
	padding:10px 5px;
	color:#999;
        
}
ul.step li.step_todo{
    border-bottom:1px dotted #000;
}

ul.step li.step_done {
	
}
/*ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent}*/

/* module productcomments ********************************************************************** */
.rating {
	clear: both;
	display: block;
	margin: 2em;
	cursor: pointer;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden
}
.cancel, .star {
	overflow: hidden;
	float: left;
	margin:0 1px 0 0;
	width: 16px;
	height: 16px;
	text-indent: -999em;
	cursor: pointer
}
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important }
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
.cancel a, .star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0
}
div.star_on a { background-position: 0 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px }
.pack_content { margin: 10px 0 10px 0 }
.pack_price {
	float: right;
	margin-right: 3px;
	font-size: 12px
}
.confirmation {
	margin: 0 0 10px;
	padding: 10px;
	border: 1px solid #e6db55;
	font-size: 13px;
	background: none repeat scroll 0 0 #ffffe0;
}
#page .rte { background: transparent none repeat scroll 0 0 }

.listcomment {
	list-style-type:none;
	margin:0 0 20px 0 !important;
}
.listcomment li {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	color:#999
}
.listcomment .titlecomment {
	display:block;
	font-weight:bold;
	font-size:12px;
	color:#333
}
.listcomment .txtcomment {
	display:block;
	padding:5px 0;
	color:#333
}
.listcomment .authorcomment {}

#block-order-detail form{
    clear:both;
}

#datepicker{
    position:relative;
    text-align:center;
}
#datepicker table, #datepicker .ui-datepicker-header{
    width:80%;
    margin:10px 0 0 20%;
    position:relative;
}
#datepicker table thead{
    display:none;
}
#datepicker table td{
    text-align:left;
}
#datepicker table td a{
    display:block;
    padding:5px 0px;
    background:none;
    box-shadow:none;
    border:none;
    text-align:center;
    color:#999;
}
#datepicker table td a:hover, #datepicker table td a.ui-state-active{
    color:#000;
}
#datepicker table td a.ui-state-active{
    text-decoration: underline;
}

.show_all_blog_items{
    margin:30px 0 0 20%;
    text-align:center;
    display:block;
    text-transform:uppercase;
}
.show_all_blog_items span{
    display:none;
}
.blog_message{
    text-align: center;
    display:none;
}
#diary .blog_item_date{
    padding:10px 0 30px;
    color:#999;
}
.blog_item iframe{
    width:100%;
	z-index:10;
}

.blog_item .iframe_container{
	position:relative;
}
.blog_item .iframe_container .overlay{
	position:absolute;
	bottom:0;
	right:0;
	width:100px;
	height:50px;
	background:transparent;
	z-index:99;
}

.blog_item_infos{
    position:relative;
    margin:0 auto;
    text-align:left;
    margin-top:10px;
    padding-bottom:30px;
}
.blog_item_infos .blog_item_title{
    float:left;
    border-bottom:1px solid #000;
    width:50%;
    text-transform:uppercase;
    font-size:10pt;
    line-height:24px;
    font-weight: bold;
    margin-bottom:15px;
}
.blog_item_infos .blog_item_date{
    float:right;
    border-bottom:1px solid #000;
    width:50%;
    line-height:24px;
    text-align:right;
    color:#999;
    margin-bottom:15px;
}
.blog_item_infos .blog_item_description{
    width:50%;
    text-align:justify;
    min-height:65px;
}
.blog_item_infos .blog_item_player{
    width:45%;
    position:absolute;
    right:0;
    top:0;
    text-align:right;
}
.blog_item_infos .blog_item_link{
    width:45%;
    position:absolute;
    right:0;
    bottom:0;
    text-align:right;
    text-transform:uppercase;
    font-size:10pt;
    font-weight:bold;
}
.blog_item_infos .blog_item_link a{
    text-decoration:underline;
}

.ui-datepicker-header{
    position:relative;
    height:12px;
    line-height:16px;
}
#right_column .ui-datepicker .ui-datepicker-prev, #right_column .ui-datepicker .ui-datepicker-next{
    display:block;
    width:10px;
    height:10px;
    position:absolute;
    top:3px;
}
.ui-datepicker-prev{
    left:5px;
    background:transparent url(../img/arrows_sprite.png) no-repeat left top;
}
.ui-datepicker-prev:hover{
    background:transparent url(../img/arrows_sprite.png) no-repeat left bottom;
}
.ui-datepicker-next{
    right:5px;
    background:transparent url(../img/arrows_sprite.png) no-repeat right top;
}
.ui-datepicker-next:hover{
    background:transparent url(../img/arrows_sprite.png) no-repeat right bottom;
}

.blog_item{
    text-align:center;
	max-width:1000px;
	margin:0 auto;
}
.blog_item img{
    max-width:100%;
}
.ui-datepicker-month{
    padding-right:10px;
}

ul.collection{
    text-align:center;
}
ul.collection img{
    max-width:100%;
    margin-bottom:30px;
}

.cat_description{
   position:relative;
   text-align:center;
}
.cat_description img{
   max-width:100%;
}

/* ************************************************************************************************
		BREADCRUMB
************************************************************************************************ */
.breadcrumb {
	margin-bottom:10px;
	font-size:12px
}
.breadcrumb .navigation-pipe {margin:0 3px 0 5px}
.breadcrumb img {
	position:relative;
	top:5px
}


/* ************************************************************************************************
		FOOTER
************************************************************************************************ */
	.blockcategories_footer,
	#footer .myaccount ,
	#block_various_links_footer,
	#social_block,
	#block_contact_infos {
		float:left;
		width:175px
	}
	.blockcategories_footer {margin-left:0}
#footer .title_block {
	padding-bottom: 10px;
	text-transform:uppercase
}
#footer .title_block ,
#footer .title_block  a {
	font-weight:normal;
	font-size:14px;
	color:#fff
}

#footer ul {list-style-type:none}
#footer li {padding:7px 0}
#footer li a {color:#fff}

#footer .myaccount {padding: 15px 10px}
#footer .myaccount .title_block, #footer .myaccount h4 {
	padding:0 0 10px 0;
	background:none;
	text-shadow:none
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}

/* ************************************************************************************************
		PRODUCT PAGE
************************************************************************************************ */

/* BLOCK idTabs ******************************************************************************** */
.idTabs {
	list-style-type: none;
	margin-top: 20px;
	border-bottom: 3px solid #000000
}
ul.idTabs li {
	float: left;
	margin-right: 1px
}
.idTabs a {
	display:block;
	padding:10px 10px 7px 10px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:#000
}
.idTabs .selected {
	color:#000;
	background: url(../img/bg_li_idTabs.png) repeat-x 0 0
}

#more_info_sheets {padding-top:10px}
#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl {margin-left:20px}
#more_info_sheets em {font-style:italic}

#more_info_sheets .product_desc{
	margin-top:5px
}

#more_info_sheets .product_desc .product_image{
	float:left
}

#more_info_sheets .product_desc .block_description{
	float:left;
	margin-left:10px;
	width:420px
}
#more_info_sheets .product_desc .clear_product_desc{
	clear:both;
	height:0px;
	line-height:0px
}

/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {margin-left:20px}

.block_hidden_only_for_screen {display:none}


/* ************************************************************************************************
		PAGE AUTHENTIFICATION
************************************************************************************************ */
#authentication #center_column{
    width:100%;
}
#account-creation_form, form#add_address{
    width: 690px;
}

/* ************************************************************************************************
		PAIMENT - PAGE ORDER
************************************************************************************************ */

/* nav bottom ********************************************************************************** */
#order #center_column, #order-confirmation #center_column{width:757px}

.cart_navigation {margin:20px 0}
.cart_navigation .exclusive,
.cart_navigation .exclusive_large {
	float:right
}


/* step 1 - cart ******************************************************************************* */
.cart_last_product {display:none}

/*p.cart_navigation .multishipping-button { margin-right: 10px }*/

#order-detail-content {margin-bottom:20px}
#order-detail-content .customizationUploaded li,#order-detail-content .typedText li {
	list-style: none;
}
table#cart_summary th {
    padding:14px 12px;
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
}
table#cart_summary  th.cart_product {text-align:center}
table#cart_summary  td {
	padding:12px;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	font-weight:bold;
	vertical-align:top
}
table#cart_summary  td.cart_delete,
table#cart_summary  td.price_discount_del {border-right:none;text-align: center}
table#cart_summary  .last_item  td {border-bottom:1px solid #999}


table#cart_summary tr.cart_item.odd,
table#cart_summary tr.cart_total_delivery,
table#cart_summary tr.cart_total_price,
table#cart_summary tr.cart_total_voucher{
	background-color: #fff
}


table#cart_summary tr.customization.odd {
	background-color: #fff
}
table#cart_summary tr.customization.even {
	background-color: #f3f3f3
}

table#cart_summary tr ul {
	list-style: none;
}
table#cart_summary .cart_product {
	width:80px;
	text-align:center
}
table#cart_summary tbody tr:last-child td {
	border-bottom: 1px solid #999;
}
table#cart_summary tbody tr td.cart_discount_delete {
	padding-left: 34px;
}
table#cart_summary  .cart_product  img {border:1px solid #ccc}
table#cart_summary .cart_description {
	width:230px;
}
table#cart_summary .cart_unit {width:130px;text-align: center}
table#cart_summary td.cart_unit {text-align: right}
table#cart_summary  .cart_quantity {width:130px}
table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;}
.cart_quantity .cart_quantity_input {
	margin:0 5px;
	width: 20px;
}
.cart_quantity .cart_quantity_button {
	float:left;
	position: relative;
	top: -2px
}
table#cart_summary .cart_total {width:120px;text-align: center}
table#cart_summary td.cart_total {text-align: right}
table#cart_summary .cart_delete {
	width:64px;
	text-align:center
}
table#cart_summary .cart_discount_price {text-align: right}
.cart_delete a.cart_quantity_delete,
a.price_discount_delete {
	font-size:16pt;
        line-height:25px;
        display:inline-block;
        vertical-align: middle;
}

.cart_total_price .total_price_container {
	border-right:none;
}

table#cart_summary .cart_total_price td.cart_voucher {
	border-bottom:1px solid #999;
	vertical-align:middle
}

table#cart_summary #total_price_container {
	border-bottom:1px solid #999;
	border-right: none;
}

.cart_voucher .title_block, .cart_voucher h4
.cart_voucher p {float:left;}
.cart_voucher .title_block, .cart_voucher h4 {
	margin-right:12px;
	padding:5px 0;
	font-size:13px
}
.cart_voucher p {padding-bottom:0;}

.cart_voucher p.discount_name_block {float:left;}
.cart_voucher #display_cart_vouchers {
	clear:both;
	line-height: 20px;
	color:#999;
	padding-top:2px;
	font-weight:normal;
	border-top:1px dotted #ccc
}
.cart_voucher .title_offers {
	margin-top:15px;
	margin-bottom:5px
}
.cart_voucher #display_cart_vouchers span {
	font-weight:bold;
	cursor:pointer;
}
.cart_voucher input.discount_name {
	padding:0 5px;
	height:22px;
	width:170px;/* 180 */
	font-weight:normal;
}
.cart_voucher .submit input.button {
	margin-left:2px;
	padding:2px 10px;
	height:24px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	color:#fff;
	text-transform:uppercase;
}

#cart_summary .price {
	border-right:none;
	text-align: right;
	white-space: nowrap;
}
.total_price_container p {text-align: left}

table#cart_summary .cart_total_price .total_price_container {
	padding:0;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
.cart_total_price .total_price_container p {
	display:block;
	padding:8px;
	color:#fff;
	text-transform:uppercase;
	background:#000;
}
.cart_total_price .total_price_container span {
	display:block;
	padding:15px;
	font-weight:bold;
	font-size:18px;
	text-align:center
}

#order_carrier {
	clear:both;
	margin-top:20px;
	border:1px solid #999;
	background:#fff
}
#order_carrier .title_block  {
	padding:0 15px;
	height: 29px;
	font-weight: bold;
	line-height:29px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
}
#order_carrier span {
	display:block;
	padding:15px;
	font-weight:bold
}

.order_delivery .first_item {margin-right:35px;}

.multishipping_close_container {
	text-align: center;
}

table#cart_summary .gift-icon {
	color: white;
	background: #0088CC;
	line-height: 20px;
	padding: 2px 5px;
	border-radius: 5px;
}

/* step 2 - authentification ******************************************************************* */
#create-account_form, #authentication #login_form {
	clear: none;
	float: left;
	width: 47%;
}
#create-account_form {margin-right: 3%;}
#login_form {margin-left: 3%;}

#authentication #create-account_form,
#authentication #login_form {
	min-height: 200px
}

#authentication #create-account_form label,
#authentication #login_form label {
	width:25%;
        display: block;
        float:left;
}
#authentication #create-account_form input,
#authentication #login_form input {
	width:70%;
        float:right;
        margin-bottom:15px;
}

#create-account_form .title_block  {
	padding-bottom:22px;
	font-size:11px;
	color:#333
}

#create-account_form label,
#login_form label {
	width:110px;
}

#order-opc #login_form_content label {
	display:block;
	margin:0 0 10px 0
}

.lost_password {
	float:left;
	width:200px
}


#order-opc .lost_password {
	display:block;
	float:none;
	margin:5px 0 10px;
	width:auto;
	font-size:11px;
	color:#999
}

#ordermsg p {padding-bottom:0}
#ordermsg p.txt {
	float:left;
	margin-right:25px;
	width:220px
}
/*#ordermsg .textarea {float:right}*/
#ordermsg .textarea textarea {

}

/* step 3 - address ************************************************************************** */

.address-form-multishipping { padding: 10px 0px; }
#multishipping_mode_box {
	border: 1px solid #D0D3D8;
	background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5;
	margin-bottom: 10px;
	padding: 5px;
}
#multishipping_mode_checkbox {
	vertical-align: middle;
	margin-right: 5px;
}
#multishipping_mode_box.on {
	border: 1px solid #ddd;
}
#multishipping_mode_box .title {
	padding: 5px;
	font-weight: bold;
}
#multishipping_mode_box .description, #multishipping_mode_box .description_off {
	padding: 5px;
}
#multishipping_mode_box .description_off {
	display: none;
	padding: 5px;
}
#multishipping_mode_box .description_off div {
	margin-bottom: 10px;
}
#multishipping_mode_box .description_off a, #multishipping_mode_box .description a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	margin: 0 160px;
	border: 1px solid #ccc;
	background: #ddd;
}
#multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover {
	background: #f3f3f3;
	border: 1px solid #ccc;
}
#multishipping_mode_box.on .description_off {
	display: block;
}


/* step 4 - paiement ************************************************************************** */


#order .delivery_options_address h3, #order-opc .delivery_options_address h3 {

	padding: 6px 11px;
	font-size: 12px;
	color: #fff;

	text-transform: uppercase;
	background: none repeat scroll 0 0 #383838;
}
#order .delivery_option_radio, #order-opc .delivery_option_radio {
	float: left;
	margin: 21px 12px;
}
#order .delivery_option label, #order-opc .delivery_option label {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}
#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
	height: 46px;
	width: 685px;
}
#order .delivery_option.item, #order-opc .delivery_option.item {
	background: #fafafa;
}
#order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item {
	border-top: 1px solid #bdc2c9;
	background: #f1f2f4;
	border-bottom: 1px solid #bdc2c9;
}
#order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td {
	padding: 0 8px;
}
#order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td {
	width: 300px;
}
#order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td {
	width: 100px;
	text-align: right;
}
#order .delivery_option_carrier td {width:200px}
#order .delivery_option_carrier td + td {width:280px;}
#order .delivery_option_carrier td + td + td {width:200px}
#order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo {
	padding-left:10px;
	width: 160px;
}
#order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ }
#order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item {
	padding: 3px 5px 3px 12px;
	background:url(../img/arrow_right_2.png) no-repeat 3px 7px
}

.order_carrier_content {

}
.order_carrier_content h3 {
	padding:15px 0 10px 0;
	font-size:13px;
	color:#000
}
.order_carrier_content h3.carrier_title {padding-top:0}
.order_carrier_content input {
	position:relative;
	top:1px
}

#carrierTable {
	border:1px solid #999;
	border-bottom:none;
	background:#fff
}

#carrierTable tbody{
	border-bottom:1px solid #999;
}
#carrierTable  th {
	padding:0 15px;
	height: 29px;
	font-weight: bold;
	line-height:29px;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
}
#carrierTable  td {
	padding:15px;
	font-weight:bold;
	border-right:1px solid #e9e9e9
}
#carrierTable  td.carrier_price {border:none}

#gift_div {
	display:none;
	padding-bottom:10px
}
#gift_div label {
	display:block;
	margin-bottom:5px
}
#gift_div #gift_message {
	height:50px;
	width:720px;
	border:1px solid #999
}

a.iframe {font-weight:bold}

.hook_extracarrier {
	margin-top: 5px;
	padding: 5px;
}

/* step 5 - paiement ************************************************************************** */
.paiement_block {

}

.payment_module {
	position:relative;
	padding-top:20px;
	border-top:1px dotted #ccc;
	text-transform:uppercase;
}
.payment_module a {display:block;}
.payment_module img {
	float:left;
	margin-right:10px
}
/*.payment_module span {
	position:absolute;
	top:50px;
	left:145px
}*/

.payment_module:before,
.payment_module:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}
.payment_module:after {clear: both}
.payment_module {zoom: 1}


/* ************************************************************************************************
		PAGE ORDER-OPC
************************************************************************************************ */
#order-opc #left_column {display:none}
#order-opc #center_column{width:757px}


#order-opc h2 {}
#order-opc h2 span {
	display:inline-block;
	padding:5px 7px;
	color:#fff;
	background:#333;
}

#order-opc #login_form fieldset {
	background: none repeat scroll 0 0 #FFFFE0;
	border: 1px solid #E6DB55;
	font-size: 13px;
	margin: 0 0 10px;
	padding: 10px;
}
#order-opc #login_form fieldset p {padding:0}
#order-opc #login_form fieldset p a {padding:0}

#order-opc #new_account_form p.submit {
	margin-right: 120px;
	text-align:right
}
#order-opc #new_account_form p.opc-required {margin-left:20px}

#order-opc .addresses {margin-bottom:20px}

#order-opc #opc_delivery_methods h3 {margin-top:20px;}
#order-opc #opc_delivery_methods textarea {
	height:60px;
	width:723px;
	border:1px solid #ccc
}
#order-opc #opc_delivery_methods #message {
	width: 757px;
}
#order-opc #opc_payment_methods {margin-bottom:20px}
#order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0}
.delivery_option_carrier td {width:200px}
.delivery_option_carrier td + td {width:280px;}
.delivery_option_carrier td + td + td {width:200px}
.delivery_option_carrier {
	margin: 5px 0 0 45px;
	width: 670px;
	display: none;
}
 .delivery_option_carrier tr td {
	padding: 5px;
}
.delivery_option_carrier.selected {
	display: table;
}
.delivery_option_carrier.not-displayable {
	display: none;
}
.delivery_option_title {
	font-weight: bold;
}


/* ************************************************************************************************
	express checkout
************************************************************************************************ */
#new_account_form {clear:both;margin-bottom: 20px}
#new_account_form h3 {
	margin-bottom:20px;
	padding:8px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898
}
#center_column #new_account_form p {
	margin:0;
	padding:0 0 10px 0
}

#new_account_form p.radio span,
#new_account_form p.text label,
#new_account_form p.password label,
#new_account_form p.select label,
#new_account_form p.select span,
#new_account_form p.textarea label {
	display: inline-block;
	padding: 6px 15px;
	width: 230px;
	font-size: 14px;
	text-align: right
}
#new_account_form p.radio label {
	float:none;
	padding-right:10px;
	width:auto;
	font-size:14px;
}
#new_account_form p.checkbox label {
	float: none;
	width: auto;
	font-size: 12px;
}
#new_account_form p.text input,
#new_account_form p.password input,
#new_account_form p.select input {
	height:22px;
	padding:0 5px;
	width:360px;
	border:1px solid #ccc;
	font-size:12px;
	color:#999
}
#new_account_form p.checkbox input {margin-left: 260px;}

#new_account_form #submitGuestAccount {float: right}

/* ************************************************************************************************ */

/* ************************************************************************************************
		paiment - CONFIRMATION
************************************************************************************************ */
#orderconfirmation #left_column {display:none}
#orderconfirmation #center_column{width:757px}


/* ************************************************************************************************
		PAGE PASSWORD
************************************************************************************************ */
#form_forgotpassword fieldset {
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #eee
}
#form_forgotpassword  p.text label {
	display: inline-block;
	padding-right: 10px;
	width: 174px;
	font-weight: bold;
	font-size: 12px;
	text-align: right
}
#form_forgotpassword  p.text input {
	padding: 0 5px;
	height: 20px;
	width: 288px;
	border: 1px solid #ccc;
	background: url(../img/bg_input.png) repeat-x 0 0 #fff
}
#form_forgotpassword p.submit {
	margin-right:25px;
	padding-bottom:5px;
	text-align:right
}

#password .icon {
	position:relative;
	top:6px;
}


/* ************************************************************************************************
		PAGE ADRESSES
************************************************************************************************ */

#addresses #center_column{width:757px}

#address p.inline-infos {
        clear:both;
	padding-top:15px;
        color:#999;
        padding-left:180px;
}
p.submit2 input{
    float:right;
}

/* ************************************************************************************************
		PAGE ADD ADRESS
************************************************************************************************ */
#add_address p.text ,
#add_address p.password ,
#add_address p.select ,
#add_address p.select ,
#add_address p.textarea  {
	margin-bottom:10px;
}

form#add_address {}
#add_address fieldset {
	margin:0;
	border:1px solid #ccc;
	background:#F8F8F8
}


#add_address p.text label,
#add_address p.password label,
#add_address p.select label,
#add_address p.select span,
#add_address p.textarea label {
	display:inline-block;
	padding:6px 0px;
	width:170px;/* 260 */
}


#add_address p.text input,
#add_address p.password input,
#add_address p.textarea textarea,
#add_address p.select input {
	width:490px;
        float:right;
}
#add_address p.checkbox input {
	margin-left:260px;
}
#add_address p.select select {
        margin-left:4px;
}
#add_address p.textarea label {vertical-align:top}

#center_column  #add_address p.submit2 {
	margin-top:20px;
	text-align:right
}

#add_address span.form_info,
#add_address span.inline-infos {
	display:block;
	margin:5px 0 0 265px;
	color:#999
}


/* ************************************************************************************************
		PAGE ORDER-SPLIP
************************************************************************************************ */
#order-slip #left_column {display:none}
#order-slip #center_column{width:757px}

#order-slip #order-list {border-bottom:1px solid #999}
#order-slip #order-list td {
	border-top: 1px solid #ccc;
	border-bottom:none
}
#order-slip #order-list td.history_invoice {border-right:none}


/* ************************************************************************************************
		PAGE DISCOUNT
************************************************************************************************ */
#discount #left_column {display:none}
#discount #center_column{width:757px}

#discount .table_block tr.last_item td {border-bottom:1px solid #999}
#discount .table_block td.discount_expiration_date {border-right:1px solid #999}
#discount .table_block td.discount_value {white-space:nowrap}


/* ************************************************************************************************
		PAGE ORDER FOLLOW
************************************************************************************************ */
#order-follow #left_column {display:none}
#order-follow #center_column{width:757px}


/* ************************************************************************************************
		PAGE NEW-PRODUCTS
************************************************************************************************ */
#newproducts .sortPagiBar {margin-bottom:20px}


/* ************************************************************************************************
		PAGE BEST SALES
************************************************************************************************ */
#bestsales .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************
		PAGE PRICES DROP SALES
************************************************************************************************ */
#pricesdrop .sortPagiBar {margin-bottom:20px}


/* ************************************************************************************************
		PAGE MANUFACTURER
************************************************************************************************ */
#manufacturer .nbrmanufacturer {
	margin: 15px 0 10px;
	padding: 8px 7px;
	font-size:12px;
	color: #000;
	background: none repeat scroll 0 0 #f0f0f0
}

#manufacturer #product_list {margin-top:15px}

ul#manufacturers_list {list-style-type:none}
ul#manufacturers_list li {
	margin-bottom: 14px;
	padding: 12px 8px;
	border: 1px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}
ul#manufacturers_list li a.lnk_img {
	display: block;
	float: left;
}
ul#manufacturers_list li img {
	display: block;
	float: left;
	margin-right: 14px;
	border: 1px solid #ccc;
	vertical-align: bottom
}
ul#manufacturers_list li h3 {
	padding: 0 0 10px;
	font-size: 13px;
	color: #000
}
ul#manufacturers_list li .description {
	overflow: hidden;
	padding: 0;
	font-size:12px;
	color:#999
}
ul#manufacturers_list li .right_side {float:right;}

.description_box {
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px #E2E2E2;
	padding: 5px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 18px;
}
.description_box p {
	margin: 0;
	padding: 0 10px 5px;
}
.description_box .hide_desc {
	display: none;
}
.description_box .lnk_more {
	background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent;
	color: #0088CC;
	padding: 0 10px;
}
.description_box ul {
	padding-left: 30px;
	padding-bottom: 10px;
}

/* ************************************************************************************************
		PAGE SUPPLIER
************************************************************************************************ */
#supplier .nbrmanufacturer {
	margin: 15px 0 10px;
	padding: 8px 7px;
	font-size:12px;
	color: #000;
	background: none repeat scroll 0 0 #f0f0f0
}
ul#suppliers_list {list-style-type:none}
ul#suppliers_list li {
	margin-bottom: 14px;
	padding: 12px 8px;
	border: 1px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}
ul#suppliers_list li a.lnk_img {
	display: block;
	float: left;
}
ul#suppliers_list li img {
	display: block;
	float: left;
	margin-right: 14px;
	border: 1px solid #ccc;
	vertical-align: bottom
}
ul#suppliers_list li h3 {
	padding: 0 0 10px;
	font-size: 13px;
	color: #000
}
ul#suppliers_list li .description {
	overflow: hidden;
	padding: 0;
	font-size:12px;
	color:#999
}
ul#suppliers_list li .right_side {float:right;}


/* ************************************************************************************************
		PAGE SEARCH
************************************************************************************************ */
#search h3.nbresult {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #e6db55;
	font-size:13px;
	background:#ffffe0
}
#search .sortPagiBar {margin-bottom:20px}


/* ************************************************************************************************
		PAGE 404
************************************************************************************************ */
#pagenotfound #left_column,
#pagenotfound #right_column,
#pagenotfound #footer {display:none}

#pagenotfound #left_column,
#pagenotfound #right_column,
#pagenotfound #footer {display:none}

#pagenotfound #center_column {width:940px;}

#pagenotfound h3 {
	font-weight:normal;
	font-size:14px
}
#pagenotfound fieldset {border:none}
#pagenotfound fieldset label {color:#333}
#pagenotfound  #search_query {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #fff !important;
	border-top: 1px solid #666;
	padding: 0 5px;
	height: 24px;
	width: 200px;
	color: #ccc;
	background: url(../../../modules/blocksearch/img/bg_search_input.png) repeat-x scroll 0 0 #fff
}
#pagenotfound .button_small {
	padding: 4px 7px;
	border: medium none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	color: #fff;
	text-transform: uppercase;
	background: url("../../../modules/blocksearch/img/bg_search_submit.png") repeat-x scroll 0 0 #101010
}
#pagenotfound .pagenotfound a {
	font-weight:bold;
	color:#333
}
#pagenotfound .pagenotfound .icon {
	position:relative;
	top:3px
}
/* ************************************************************************************************
		Custom 404
************************************************************************************************ */

#pagenotfound .pagenotfound {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#000000 url(../img/404.jpg) no-repeat 50% 50%;
	color:#FFFFFF !important;
	font-size:15px;
	letter-spacing:2px;
	line-height:28px;
}
#pagenotfound .pagenotfound p{
	position: absolute;
	bottom:14%;
	left:0;
	right:0;
	text-align:center;
}
#pagenotfound .pagenotfound a{
	color:#FFFFFF !important;
	text-decoration:underline;
}
#pagenotfound #header a:hover{
	color:#FFFFFF;
}

/* ************************************************************************************************
		addons payment cheque
************************************************************************************************ */
#module-cheque-payment #left_column {display:none}
#module-cheque-payment #center_column{width:757px}


/* ************************************************************************************************
		addons payment bankwire
************************************************************************************************ */
#module-bankwire-payment #left_column {display:none}
#module-bankwire-payment #center_column{width:757px}


/* ************************************************************************************************
		addons google checkout
************************************************************************************************ */
#module-gcheckout-payment #left_column {display:none}
#module-gcheckout-payment #center_column{width:757px}

/* ************************************************************************************************
		addons paypal
************************************************************************************************ */
#module-payment-submit #left_column {display:none}
#module-payment-submit #center_column{width:757px}


/* ************************************************************************************************
		addons cashondelivery validation
************************************************************************************************ */
#module-cashondelivery-validation #left_column {display:none}
#module-cashondelivery-validation #center_column{width:757px}


/* ************************************************************************************************
		addon RerversoForm
************************************************************************************************ */
#account-creation_form fieldset.reversoform {padding:10px !important}
#account-creation_form fieldset.reversoform  .text label{
	display:block;
	padding:0 0 10px 0;
	width:100%;
	text-align:left;
}
#account-creation_form fieldset.reversoform .infos-sup {
	padding:0 !important;
	font-size:10px;
	font-style:italic;
	text-align:right
}
/* ************************************************************************************************
		addon customer privacy
************************************************************************************************ */
#account-creation_form fieldset.customerprivacy label, fieldset.customerprivacy label{
	padding-bottom:0;
	font-size:14px;
	text-align:left;
	cursor:pointer
}

/* ************************************************************************************************
		addon referralprogram
************************************************************************************************ */
#module-referralprogram-referralprogram-program #left_column {display:none}
#module-referralprogram-referralprogram-program #center_column{width:757px}

#footer .myaccount li.referralprogram img {display:none}

#module-referralprogram-referralprogram-program .sheets {padding-top:10px}

#module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold}
#module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline}
#module-referralprogram-referralprogram-program form p.submit {text-align:right}
#module-referralprogram-referralprogram-program form p.see_email {
	padding-left:10px;
	color: #0088cc;
	background:url(../img/arrow_right_1.png) no-repeat 0 4px;
}
#module-referralprogram-referralprogram-program form p.see_email a {
	color: #0088cc;
	text-decoration:underline
}

/* ************************************************************************************************
		addon loyalty
************************************************************************************************ */
#module-loyalty-default #left_column {display:none}
#module-loyalty-default #center_column{width:757px}

#product p#loyalty {
	padding:10px 0 0 20px;
	border-top:1px solid #ccc;
	background:url(../img/icon/info.png) no-repeat 0 8px;
	margin-top: 10px;
}

#footer .myaccount li.loyalty img {display:none}


/* ************************************************************************************************
		addon Livezilla
************************************************************************************************ */
#livezilla_lnk  {
	margin:10px 0;
	text-align: right
}
#livezilla_lnk a {
	display:inline-block;
	padding:6px 8px 8px 8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font:bold 10px Arial,Verdana,sans-serif;
	color:#fff;
	text-shadow: 0 -1px 0 #000;
	background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000
}
#livezilla_lnk a:hover {text-decoration:none}

/* ************************************************************************************************
		addons comments products
************************************************************************************************ */
form#sendComment  fieldset{
	padding:10px;
	border:1px solid #ccc;
	background:#eee
}
form#sendComment h3 {font-size:14px;}
#new_comment_form p.text {
	 margin-bottom: 0;
	 padding-bottom: 0;
}
#sendComment p.text label,
#sendComment p.textarea label {
	display: block;
	margin: 12px 0 4px;
	font-weight: bold;
	font-size: 12px;
}
#sendComment p.text input {
	padding: 0 5px;
	height: 28px;
	width: 498px;
	border: 1px solid #ccc;
	background: url(../img/bg_input.png) repeat-x 0 0 #fff;
}
#sendComment p.textarea textarea {
	height:80px;
	width:508px;
	border:1px solid #ccc;
}
#sendComment p.submit {
	padding:0;
	text-align:right
}

#sendComment p.closeform {
	float:right;
	padding:0;
	height:12px;
	width:12px;
	text-indent:-5000px;
	background:url(../img/icon/delete.gif) no-repeat 0 0
}

.star {
	position: relative;
	top:2px;
	float: left;
	height: 12px;
	width: 12px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer
}
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
div.star_on a { background-position: 0 -12px }
div.star_hover a, div.star a:hover { background-position: 0 -12px }


/* ************************************************************************************************
		xxxxx
************************************************************************************************ */


/* ************************************************************************************************
		guest tracking
************************************************************************************************ */

#guest-tracking fieldset p:first-child {
	padding-top: 10px;
}
#guest-tracking fieldset p:last-child {
	padding-bottom: 10px;
}



/* ************************************************************************************************
		CSS Modules
************************************************************************************************ */

/******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/

/*************** Block ADVERTISING ***************/
.advertising_block { width: 191px; margin-bottom: 1em; text-align: center }


body .PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup {
    float: none;
    padding:0;
    width: 100%;
}

body .PM_ASBlockOutputHorizontal .PM_ASCriterionsOutput {
    width: 100%;
}

body ul.PM_ASCriterionGroupImage, .PM_ASCriterionGroupColor {
    width:100%;
    text-align:center;
    padding-bottom:20px;
}
body ul.PM_ASCriterionGroupImage li, .PM_ASCriterionGroupColor li {
    display: inline-block;
    float: none;
    width:20%;
    vertical-align: top;
}

body ul.PM_ASCriterionGroupImage li a, .PM_ASCriterionGroupColor li a {
    display: block;
    width:100%;
    text-align:center;
}
body ul.PM_ASCriterionGroupImage li a img, .PM_ASCriterionGroupColor li a img {
    display: inline-block;
    max-width:100%;
}
body ul.PM_ASCriterionGroupImage li a span, .PM_ASCriterionGroupColor li a span{
    font-size:18pt;
    font-weight:bold;
}

body .PM_ASCriterionGroupImage .PM_ASCriterionLink, body .PM_ASCriterionGroupColor .PM_ASCriterionLink {
    margin: 0px !important;
}

body .PM_ASBlockOutputHorizontal {
    padding: 0;
}

body .PM_ASCriterionGroupImage .PM_ASCriterionLinkSelected, body .PM_ASCriterionGroupColor .PM_ASCriterionLinkSelected {
    border: 0;
    margin: 0 !important;
}



/* footer */
.blockcategories_footer {
	padding:15px 10px;
}
.blockcategories_footer .category_footer {float:left;clear:none;}
.blockcategories_footer ul ul {display:none !important}



/*************** Block CMS ***************/
/* footer */
#footer .block_various_links {padding:15px 10px;}

/* Block CMS links */
.informations_block_left li {border-bottom:1px dotted #eee}
.informations_block_left li.last {border:none;}
.informations_block_left li a {
    display:block;
    padding:7px 11px 5px 22px;
    color:#333;
    background:url(../../../modules/blockcms/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}
    
tr.subitem > td:first-child + td {
    padding-left: 10px;
}



/*************** Block CONTACTINFOS ***************/

#block_contact_infos {padding:15px 10px;}
#block_contact_infos li {
	padding:0 !important;
	line-height: 20px;
}
#block_contact_infos li  strong {
	font-weight:normal;
	font-size:13px;
}
#block_contact_infos li  pre {font: 11px/20px Arial,Verdana,sans-serif;}



/*************** Block LINK ***************/
#links_block_left .block_content li {border-bottom:1px dotted #eee}
#links_block_left .block_contentt li.last {border:none;}
#links_block_left .block_content li a {
    display:block;
    padding:7px 11px 5px 22px;
    color:#333;
    background:url(../../../modules/blocklink/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}



/*************** Block MANUFACTURER ***************/
.blockmanufacturer li {border-bottom:1px dotted #ccc}
.blockmanufacturer li.last {	border:none;}
	.blockmanufacturer li a {
		display:block;
		padding:7px 11px 5px 22px;
		color:#333;
		background:url(../../../modules/blockmanufacturer/img/arrow_right_2.png) no-repeat 10px 10px transparent
	}


.blockmanufacturer form {
	margin-top: 10px;
    text-align: center;
    width: 200px;
}
.blockmanufacturer p {
	padding:0;
}


body .fancybox-inner .block{
    width: 800px;
    height:150px;
    padding:150px 0 50px 0;
    background:#000 url(../img/logo_popup_newsletter.jpg) no-repeat 50% top;
    color:#FFF;
    font-size:10pt;
}

body #popsub_email {
    width: 780px;
    margin: 0;
    border:0;
}

body #popsub_wrap { display: none} .popsub_input {
    padding: 10px 0;
}
.popsub_close {
    float: right;
}

body .fancybox-opened .fancybox-skin {
    box-shadow: none;
    border-radius: 0;
    background:#000;
}

body .fancybox-overlay, 
body .fancybox-wrap, 
body .fancybox-wrap, 
body .fancybox-desktop, 
body .fancybox-type-html,
body .fancybox-opened,
body .fancybox-skin{
    background:#000;
    border:0;
    padding:0;
}
body .fancybox-opened iframe{
	
	background:#000000;
}

body .fancybox-close {
    position: fixed;
    right:40px;
    top: 20px;
    background-image: url("../img/close_news_popup.jpg");
}

body .fancybox-overlay .error, body .fancybox-overlay .success {
    background: 000;
    margin: 10px 0;
    padding: 10px 20px;
    border:1px dashed #FFF; 
}


/*************** Block LOGO PAYMENT ***************/

.paiement_logo_block { width: 191px; text-align: center; margin-bottom: 1.5em }
.paiement_logo_block a { text-decoration: none }
.paiement_logo_block img { margin: 0 0.5em }



/*************** Block RSS ***************/
#rss_block_left p {
	margin:0;
	padding:10px;
}

#rss_block_left li {border-bottom:1px dotted #ccc}
#rss_block_left li.last {	border:none;}
	#rss_block_left li a {
		display:block;
		padding:7px 11px 5px 22px;
		color:#333;
		background:url(../../../modules/blockrss/img/arrow_right_2.png) no-repeat 10px 10px transparent
	}

	
/*************** Block SOCIAL ***************/
#social_block {padding:15px 10px;}
#social_block li {padding-left:22px !important;}
#social_block li.facebook {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;}
#social_block li.twitter {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;}
#social_block li.rss {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;}


/*************** Block STORE ***************/
.blockstore img { margin: 10px 0 0 0}
.blockstore p { 
	padding-bottom:0;
	font-weight:bold;
	text-align: right
}
.blockstore p.store_image { 
	padding-bottom:10px;
	text-align:center
}


/*************** Block SUPPLIER ***************/
.blocksupplier li {border-bottom:1px dotted #ccc}
.blocksupplier li.last {	border:none;}
	.blocksupplier li a {
		display:block;
		padding:7px 11px 5px 22px;
		color:#333;
		background:url(../../../modules/blocksupplier/img/arrow_right_2.png) no-repeat 10px 10px transparent
	}

.blocksupplier form {
	margin-top: 10px;
    text-align: center;
    width: 200px;
}
.blocksupplier p {
	padding:0;
}

.ie7 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%}
.ie8 #featured-products_block_center .product_image span.new{top:110px;right:0;width:94%}
.lt-ie6 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%}


.ui-tooltip {
	padding:7px 10px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
        background:#000;
        color:#FFF;
        text-transform:uppercase;
}



#choicegiftcard .jcarousel-wrapper{
	box-shadow:0;
}



.fancybox-type-iframe .fancybox-inner iframe body{
	font-family: "Helvetica","Arial","Verdana",sans-serif;
}

#rewards_sponsorship .sponsorshipBlock div{
	font-size: 10px;
}




/*
			PLAYER
		*/

		.audioplayer
		{
			height: 2.5em; /* 40 */
			color: #000;
			position: relative;
			z-index: 1;
			background: #FFF;
		}


			/* mini mode (fallback) */

			.audioplayer-mini
			{
				width: 2.5em; /* 40 */
				margin: 0 auto;
			}


			/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */

			.audioplayer > div
			{
				position: absolute;
			}


			/* play/pause button */

			.audioplayer-playpause
			{
				width: 2.5em; /* 40 */
				height: 100%;
				text-align: left;
				text-indent: -9999px;
				cursor: pointer;
				z-index: 2;
				top: 0;
				left: 0;
                                border-right:1px solid #FFF;
			}
				.audioplayer-mini .audioplayer-playpause
				{
					width: 100%;
				}
				.audioplayer-playpause a
				{
					display: block;
				}
				.audioplayer-stopped .audioplayer-playpause a
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-right: none;
					border-left-color: #999;
					content: '';
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -0.5em 0 0 -0.25em; /* 8 4 */
				}
                                .audioplayer-stopped .audioplayer-playpause:hover a
				{
					border-left-color: #000;
				}
				.audioplayer-playing .audioplayer-playpause a
				{
					width: 0.75em; /* 12 */
					height: 0.75em; /* 12 */
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -0.375em 0 0 -0.375em; /* 6 */
				}
					.audioplayer-playing .audioplayer-playpause a:before,
					.audioplayer-playing .audioplayer-playpause a:after
					{
						width: 40%;
						height: 100%;
						background-color: #999;
						content: '';
						position: absolute;
						top: 0;
					}
                                        .audioplayer-playing .audioplayer-playpause:hover a:before,
					.audioplayer-playing .audioplayer-playpause:hover a:after
					{
						background-color: #000;
					}
					.audioplayer-playing .audioplayer-playpause a:before
					{
						left: 0;
					}
					.audioplayer-playing .audioplayer-playpause a:after
					{
						right: 0;
					}


			/* timers */

			.audioplayer-time
			{
				width: 4.375em; /* 70 */
				height: 100%;
				line-height: 2.375em; /* 38 */
				text-align: center;
				z-index: 2;
				top: 0;
			}
				.audioplayer-time-current
				{
					left: 2.5em; /* 40 */
				}
				.audioplayer-time-duration
				{
					right: 2.5em; /* 40 */
				}
					.audioplayer-novolume .audioplayer-time-duration
					{
						border-right: 0;
						right: 0;
					}


			/* progress bar of loaded/played */

			.audioplayer-bar
			{
				height: 0.875em; /* 14 */
				background-color: #999;
				cursor: pointer;
				z-index: 1;
				top: 50%;
				right: 6.875em; /* 110 */
				left: 6.875em; /* 110 */
				margin-top: -0.438em; /* 7 */
			}
				.audioplayer-novolume .audioplayer-bar
				{
					right: 4.375em; /* 70 */
				}
				.audioplayer-bar div
				{
					width: 0;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
				}
				.audioplayer-bar-loaded
				{
					background-color: #999;
					z-index: 1;
				}
				.audioplayer-bar-played
				{
					background: #000;
					z-index: 2;
				}


			/* volume button */

			.audioplayer-volume
			{
				width: 2.5em; /* 40 */
				height: 100%;
				text-align: left;
				text-indent: -9999px;
				cursor: pointer;
				z-index: 2;
				top: 0;
				right: 0;
			}
				.audioplayer-volume-button
				{
					width: 100%;
					height: 100%;
				}
					.audioplayer-volume-button a
					{
						width: 0.313em; /* 5 */
						height: 0.375em; /* 6 */
						background-color: #999;
						display: block;
						position: relative;
						z-index: 1;
						top: 40%;
						left: 35%;
					}
                                        .audioplayer-volume-button:hover a
					{
						background-color: #000;
					}
						.audioplayer-volume-button a:before,
						.audioplayer-volume-button a:after
						{
							content: '';
							position: absolute;
						}
						.audioplayer-volume-button a:before
						{
							width: 0;
							height: 0;
							border: 0.5em solid transparent; /* 8 */
							border-left: none;
							border-right-color: #999;
							z-index: 2;
							top: 50%;
							right: -0.25em;
							margin-top: -0.5em; /* 8 */
						}
                                                .audioplayer-volume-button:hover a:before
						{
							border-right-color: #000;
						}

						.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after
						{
							/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
							width: 0.313em; /* 5 */
							height: 0.313em; /* 5 */
							border: 0.25em double #999; /* 4 */
							border-width: 0.25em 0.25em 0 0; /* 4 */
							left: 0.563em; /* 9 */
							top: -0.063em; /* 1 */
							-webkit-border-radius: 0 0.938em 0 0; /* 15 */
							-moz-border-radius: 0 0.938em 0 0; /* 15 */
							border-radius: 0 0.938em 0 0; /* 15 */
							-webkit-transform: rotate( 45deg );
							-moz-transform: rotate( 45deg );
							-ms-transform: rotate( 45deg );
							-o-transform: rotate( 45deg );
							transform: rotate( 45deg );
						}
                                                .audioplayer:not(.audioplayer-muted) .audioplayer-volume-button:hover a:after
						{
							/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
							width: 0.313em; /* 5 */
							height: 0.313em; /* 5 */
							border: 0.25em double #000; /* 4 */
							border-width: 0.25em 0.25em 0 0; /* 4 */
							left: 0.563em; /* 9 */
							top: -0.063em; /* 1 */
							-webkit-border-radius: 0 0.938em 0 0; /* 15 */
							-moz-border-radius: 0 0.938em 0 0; /* 15 */
							border-radius: 0 0.938em 0 0; /* 15 */
							-webkit-transform: rotate( 45deg );
							-moz-transform: rotate( 45deg );
							-ms-transform: rotate( 45deg );
							-o-transform: rotate( 45deg );
							transform: rotate( 45deg );
						}


				/* volume dropdown */

				.audioplayer-volume-adjust
				{
					height: 6.25em; /* 100 */
					cursor: default;
					position: absolute;
					left: 0;
					right: -1px;
					top: -9999px;
					background: #fff;
				}
					.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
					{
						opacity: 0;
					}
					.audioplayer-volume:hover .audioplayer-volume-adjust
					{
						top: auto;
						bottom: 100%;
					}
					.audioplayer-volume-adjust > div
					{
						width: 30%;
						height: 80%;
						background-color: #999;
						cursor: pointer;
						position: relative;
						z-index: 1;
						margin: 30% auto 0;
					}
						.audioplayer-volume-adjust div div
						{
							width: 100%;
							height: 100%;
							position: absolute;
							bottom: 0;
							left: 0;
							background: #000;
						}
				.audioplayer-novolume .audioplayer-volume
				{
					display: none;
				}