/*
 Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/

/* CSS for lens */
.cloudzoom-lens {
    border:5px solid #888;
    width:100px;
    height:100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 10;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #888;
    width:500px;
    height:200px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
}

/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background-color:#000;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-family: sans-serif;
    font-size:11px;
}

/* A blank image */
.cloudzoom-blank {
    background-image:url(http://roseanna.fr/js/jquery/cloudzoom/blank.png);
}

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
    background-image:url(http://roseanna.fr/js/jquery/cloudzoom/ajax-loader.gif);
    width:406px;
    height:609px;
}
/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}
/*
 * Stepper Plugin [Formstone Library]
 * @author Ben Plum
 * @version 0.1.3
 *
 * Copyright © 2013 Ben Plum <mr@benplum.com>
 * Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
 */
 
	.stepper { overflow: hidden; position: relative; }
	.stepper .stepper-input { background: #FFF; border: 1px solid #000; color: #333; font-size: 13px; margin: 0; overflow: hidden; width: 100%; z-index: 49; }
	.stepper .stepper-input:focus { background-color: #fff; }
	.stepper .stepper-step { background: #FFF url(http://roseanna.fr/js/jquery/stepper/roseanna-stepper-arrows.png) no-repeat; border: 1px solid #000; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 10px; z-index: 50; }
	.stepper .stepper-step.up { background-position: center top; border-bottom: none; top: 0; }
	.stepper .stepper-step.down { background-position: center bottom; bottom: 0; }
	
	@media screen and (min-width: 740px) {
		.stepper:hover .stepper-input { background-color: #fff; }
		
		.stepper .stepper-step:hover { background-color: #fff; }
		
		.stepper.disabled .stepper-step { background: #fff; border-color: #eee; cursor: default; }
	}
	
	.stepper.disabled .stepper-input { background: #fff; border-color: #000; color: #ccc; }
	.stepper.disabled .stepper-step { background: #fff; border-color: #000; cursor: default; }
/* Styles for custom selects */
.done select{
	height:1px;
	width:1px !important;
	border:none;
	background:none;
	padding:0;
	margin:0;
    position: relative;
    left:-2px;
    z-index: -10;
	outline:none;
	-webkit-appearance: none;
	}
.select-list{
	position:			absolute;
	left:				0
	}
.custom-select{
	z-index:			1
	}
.custom-select *{
	-webkit-user-select:none;
	-khtml-user-select: none;
	-moz-user-select: 	none;
	-ms-user-select: 	none;
	-o-user-select: 	none;
	user-select: 		none;
	}
.open_list{
	z-index:			10
	}
.custom-select ul,
.custom-select li{
	margin:				0;
	padding:			0;
	list-style:			none
	}
.custom-select,
.custom-select ul{
	position:			relative;
	top:				0;
	left:				0
	}
.custom-select .custom-text{
	cursor:				pointer;
	display:			inline-block;
	}
.custom-select li{
	cursor:				pointer;
	min-height: 		25px;
	}
.select-scroll{
	position:			absolute;
	right:				2px;
	top:				2px;
	z-index:			2
	}
.default-scroll ul{
	overflow-y:			scroll
	}
.custom-scroll{
	overflow:			hidden
	}
.scroll-drag{
	display:			block;
	position:			absolute;
	left:				1px;
	cursor:				pointer
	}
.disabled *{
    cursor:             default !important
    }
/* Style for example*/
.custom-select{
	font-family:		'Roseanna';
	}
.custom-select .custom-text,
.custom-select.disabled span.custom-text:hover{
	overflow:			hidden;
	height:				21px;
	padding:			0 0 0 10px;
    border: 1px solid #000000;
	line-height:		24px;
	color:				#000000;
	/* background styles */
	background: 		#ffffff; /* Old browsers */
	}
.custom-select .custom-text:after{
	font-size:			15px;
	position:			relative;
	top:				0px;
	right:				0px;
	display:			block;
	content:			url('http://roseanna.fr/js/jquery/selectik/arrow.png');
    text-align:         center;
	float: 				right;
	width:				20px;
    height:             23px;
	z-index: 			2;
    background: black;
    color:white;
	}
.custom-select span.custom-text:hover,
.active span.custom-text{
	color:#666;
    font-family: 'Roseanna-It';
}
.select-list{
	top:				22px;
	line-height:		21px;
    border:1px solid #000000;
	padding:			0 0 0 10px;
	background-color:	#fff;
	color:				#000000;
	}
.select-list.custom-scroll{
	padding:			2px 0 2px 10px;
	}
.select-list .selected,
.select-list li:hover{
	color:				#666;
    font-family: 'Roseanna-It';
	}
.select-list li.disabled{
	color:				#CCCCCC;
	cursor:				default
	}
.select-scroll{
	background-color:	#666666;
	width:				12px;
	}
.scroll-drag{
	top:				0;
	width:				10px;
	background-color:	#000000;
	}

.custom-select .hover{
	color:				#FFF
	}
.custom-select.disabled{
    opacity:            0.5 !important;
    }

.product-view .custom-select {
    height: 26px;
}

.product-view .custom-select .custom-text,
.product-view .custom-select.disabled span.custom-text:hover{
    height:				24px;
    line-height:		26px;
}
.product-view .custom-select .custom-text:after{
    height:             24px;
}

.product-view .select-list{
    top:				25px;
    line-height:		26px;
}

.form-list .custom-select li {margin-bottom: 0;}