/* ### STATUS ### */
span.promotion, span.ribbon{
	position:absolute;
	left:-40px;
	width:150px;
	top:20px;
	background-color:#c00;
	color:#fff;
	padding:5px 0;
	font-weight:bold;
	text-transform:uppercase;
	transform:rotate(-45deg);
	text-align:center;
	box-shadow:1px 1px 12px #555;
}
span.nouveau{
	position:absolute;
	right:-50px;
	top:20px;
	background-color:#8c0;
	color:#fff;
	padding:5px 50px;
	font-weight:bold;
	text-transform:uppercase;
	transform:rotate(45deg);
	box-shadow:1px 1px 12px #555;
}

/* ### CHECKOUT ### */
div.checkout h3{
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 10px 0;
}
div.checkout h4{
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	margin:0 0 5px 0;
}
div.checkout div.steps ul{
	overflow:hidden;
	margin:0 0 20px 0;
	text-align:center;
}
div.checkout div.steps ul li:first-child{
	margin:0;
}
div.checkout div.steps ul li{
	display:inline-block;
	padding:5px 0;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#ddd;
	text-align:center;
	width:133px;
	margin:0 0 0 5px;
	color:#000;
}
div.checkout div.steps ul li.craue_formflow_current_step{
	background-color:#6ab045;
	color:#fff;
}
div.checkout div.navbar{
	position:relative;
	text-align:center;
	margin:0 0 5px 0;
}
div.checkout div.navbar button{
	font-size:1.1em;
	background-color:#6ab045;
	padding:5px;
	border:0;
	color:#fff;
}
div.checkout div.navbar button.back{
	background-color:#666;
}
div.checkout div.navbar button:hover{
	cursor:pointer;
	background-color:#198f13;
}
div.checkout form div{
	overflow:hidden;
	margin:0 0 10px 0;
}
div.checkout form label{
	width:100px;
	float:left;
	line-height:22px;
}
div.checkout form div.checkbox label{
	display:inline;
	float:none;
	vertical-align:2px;
}
div.checkout form input[type=text], div.checkout form input[type=email], div.checkout form input[type=password], div.checkout form select{
	border:1px solid #ddd;
	width:268px;
	height:22px;
}
div.checkout form div.discount{
	margin:0 0 20px 0;
}
div.checkout form div.discount div.flash-send{
	margin:10px 0 0 0;
}
div.checkout form div.discount a{
	font-size:1.1em;
	background-color:#6ab045;
	color:#fff;
	display:inline-block;
	height:24px;
	width:24px;
	text-align:center;
	line-height:25px;
}
div.checkout form div.discount a.code{
	background-color:#333;
	color:#fff;
	display:block;
	width:270px;
	margin:5px 0 0 100px;
}
div.checkout form div.account{
	overflow:hidden;
}
div.checkout form div.account p{
	margin:0 0 10px 0;
	text-align:center;
}
div.checkout form div.account div.register{
	float:left;
	width:370px;
}
div.checkout form div.account div.login{
	margin:0 0 0 380px;
}
div.checkout form div.address div.checkbox{
	padding:0 0 0 100px;
}
div.checkout form div.address div.mondialrelay{
	text-align:center;
}
div.checkout form div.address div.mondialrelay h4{
	text-align:left;
	margin:0;
}
div.checkout form div.address div.mondialrelay label{
	display:inline;
	float:none;
	margin:0 5px 0 0;
}
div.checkout form div.address div.mondialrelay button{
	font-size:1.1em;
	background-color:#6ab045;
	padding:5px;
	border:0;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 5px;
}
div.checkout form div.address div.mondialrelay button:hover{
	cursor:pointer;
	background-color:#198f13;
}
div.checkout form div.address div.mondialrelay ul{
	text-align:left;
	margin:10px 0 0 220px;
	width:270px;
}
div.checkout form div.address div.mondialrelay ul li{
	padding:3px 0;
	border-bottom:1px solid #ccc;
}
div.checkout form div.address div.mondialrelay ul li.selected{
	background-color:#bbb;
}
div.checkout form div.address div.mondialrelay ul li:hover{
	cursor:pointer;
	background-color:#ddd;
}
div.checkout form div.address div.mondialrelay ul li p.unavailable{
	color:#c00;
}
div.checkout form div.transport ul{
	overflow:hidden;
}
div.checkout form div.transport ul li{
	float:left;
	width:223px;
	padding:10px;
}
div.checkout form div.transport ul li p.picture{
	float:left;
	margin:0 10px 0 0;
}
div.checkout form div.transport ul li label{
	float:none;
	font-weight:bold;
}
div.checkout form div.transport ul li.empty{
	float:none;
	width:auto;
}
div.checkout form div.transport table{
	border-collapse:collapse;
	width:100%;
	clear:left;
}
div.checkout form div.transport table th{
	font-weight:bold;
	padding:5px;
	border:1px solid #ddd;
	background-color:#ddd;
	color:#fff;
}
div.checkout form div.transport table td{
	padding:5px;
	border:1px solid #ddd;
}
div.checkout form div.summary ul.products li{
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #ddd;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	width:auto;
	float:none;
}
div.checkout form div.summary ul.products li p.picture{
	float:left;
	height:60px;
	overflow:hidden;
}
div.checkout form div.summary ul.products li div.details{
	position:absolute;
	top:0;
	right:0;
	margin:15px 0 0 0;
}
div.checkout form div.summary ul.products li div.details p.quantity{
	line-height:16px;
	overflow:hidden;
}
div.checkout form div.summary ul.products li div.details p.price{
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	color:#6ab045;
}
div.checkout form div.summary ul.products li h4{
	margin:0 0 0 90px;
	font-weight:bold;
	font-size:1em;
	text-align:left;
}
div.checkout form div.summary ul.products li p.reference{
	margin:0 0 0 90px;
}
div.checkout form div.summary ul.products li p.reference span{
	font-weight:bold;
}
div.checkout form div.summary div.total{
	text-align:left;
	padding:5px 10px;
	background-color:#6ab045;
	font-weight:bold;
	color:#fff;
	font-size:1.1em;
	position:relative;
	margin:0 0 10px 0;
}
div.checkout form div.summary div.total p.price{
	position:absolute;
	top:0;
	right:0;
	padding:5px 10px;
}
div.checkout form div.payment ul li{
	width:100%;
	text-align:center;
}
div.checkout form div.payment ul li img{
	vertical-align:middle;
}
div.checkout form div.commentary_widget label{
	display:block;
	float:none;
	width:100%;
}
div.checkout form div.commentary_widget textarea{
	width:708px;
	height:100px;
	border:1px solid #ddd;
}
div.checkout form p.validation{
	text-align:center;
	margin:10px 0;
}
div.checkout form p.validation label{
	float:none;
	width:auto;
	vertical-align:2px;
}
div.checkout form p.validation label a{
	text-decoration:underline;
}
div.checkout div.confirmation{
	text-align:center;
}
div.checkout div.confirmation h4{
	text-transform:none;
	font-size:1.1em;
	font-weight:normal;
}

div.checkout div.stripe{
	text-align:center;
	padding:20px 0;
	color:#000;
}
div.checkout div.stripe form{
	width:270px;
	margin:0 auto;
	padding:10px;
	background-color:#fff;
	border-radius:10px;
	-moz-box-shadow: 1px 1px 2px 0px #000;
	-webkit-box-shadow: 1px 2px 5px 0px #000;
	-o-box-shadow: 1px 1px 2px 0px #000;
	box-shadow: 1px 1px 2px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=135, Strength=5);
}
div.checkout div.stripe form img{
	margin:0 0 10px 0;
}
div.checkout div.stripe form div{
	overflow:visible;
}
div.checkout div.stripe form label{
	float:none;
	text-align:left;
	display:block;
	width:100%;
	height:auto;
	font-size:1.1em;
}
div.checkout div.stripe form div.expiration input{
	width:123px;
}
div.checkout div.stripe form div.expiration span{
	width:20px;
	display:inline-block;
}
div.checkout div.stripe form p.submit{
	padding:10px 0 0 0;
}
div.checkout div.stripe form p.submit button{
	font-size:1.1em;
	background-color:#6ab045;
	padding:5px;
	border:0;
	color:#fff;
	font-weight:bold;
}
div.checkout div.stripe form p.submit button:disabled{
	background-color:#999;
	color:#ddd;
}
div.checkout div.stripe form p.submit button:hover{
	cursor:pointer;
	background-color:#198f13;
}

/* ### LOGIN SECTION ### */
form.login{
	text-align:center;
}
form.login p.notice{
	margin:0 0 10px 0;
}
form.login h2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 10px 0;
}
form.login input{
	border:1px solid #ddd;
	width:300px;
	height:20px;
}
form.login label{
	display:block;
	text-align:left;
	width:300px;
	margin:0 auto;
}
form.login div{
	margin:0 0 10px 0;
}
form.login div.remember input{
	width:auto;
	vertical-align:-5px;
}
form.login div.remember label{
	display:inline;
}
form.login a.forgotten{
	margin:10px 0 0 0;
	display:block;
}


/* ### CLIENT AREA ### */
div.client h4{
	border-bottom:1px solid #ddd;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1em;
	margin:10px 0 5px 0;
}
div.client ul.tabs{
	margin:0 0 10px 0;
	text-align:center;
}
div.client ul.tabs li{
	display:inline-block;
	padding:5px 0;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#ddd;
	color:#fff;
	text-align:center;
	width:165px;
	margin:0 0 0 10px;
}
div.client ul.tabs li.selected{
	background-color:#6ab045;
}
div.client ul.tabs li.selected a{
	color:#fff;
}
div.client ul.tabs li.first{
	margin:0;
}
div.client table.clientorderhistory{
	width:100%;
	border-collapse:collapse;
	text-align:left;
}
div.client table.clientorderhistory th{
	background-color:#ddd;
	padding:3px 5px;
}
div.client table.clientorderhistory td{
	padding:3px 5px;
}
div.client table.clientorderhistory td.status{
	line-height:35px;
}
div.client table.clientorderhistory td.status p{
	width:15px;
	height:15px;
	margin:10px 5px 10px 0;
	float:left;
}
div.client table.clientorderhistory td p.yellow{
	background-color:#fa0;
}
div.client table.clientorderhistory td p.green{
	background-color:#0a5;
}
div.client table.clientorderhistory td p.red{
	background-color:#f00;
}
div.client table.clientorderhistory tr.detail{
}
div.client table.clientorderhistory tr.detail td{
	background-color:#ddd;
	padding:20px;
}
div.client table.clientorderhistory tr.detail td h4{
	margin:0 0 5px 0;
}
div.client table.clientorderhistory tr.detail td p{
	margin:10px 0 0 0;
}
div.client table.clientorderhistory tr.detail td p span{
	font-weight:bold;
}
div.client table.clientorderhistory tr.detail td p.customization{
	margin:5px 0;
}
div.client table.clientorderhistory tr.communication{
	border-bottom:1px solid #000;
}
div.client table.clientorderhistory tr.communication td{
	padding:20px;
}
div.client table.clientorderhistory tr.communication td h4{
	margin:0 0 5px 0;
}
div.client table.clientorderhistory tr.communication td form button{
	border:0;
	display:block;
	margin:0 0 0 150px;
	background-color:#6ab045;
	padding:5px;
	color:#fff;
}
div.client table.clientorderhistory tr.communication td form button:hover{
	background-color:#198f13;
	cursor:pointer;
}
div.client table.clientorderhistory tr.communication td ul li p.date{
	font-weight:bold;
}
div.client table.clientorderhistory tr.communication td ul li{
	margin:0 0 10px 0;
}
div.client table.clientorderhistory tr.communication td a.communication_widget{
	font-weight:bold;
	text-decoration:underline;
}
div.client table.clientorderhistory tr.communication td div.widget{
	display:none;
}

div.client form{
	margin:10px 0 0 0;
}
div.client form input[type=text], div.client form input[type=email], div.client form input[type=password], div.client form select{
	width:270px;
	height:22px;
	border:1px solid #ddd;
}
div.client form textarea{
	width:270px;
	height:130px;
	border:1px solid #ddd;
}
div.client form select{
	width:272px;
}
div.client form label{
	width:150px;
	float:left;
	line-height:22px;
}
div.client form p.submit button{
	border:0;
	background-color:#6ab045;
	color:#fff;
	padding:5px;
	margin:0 0 0 150px;
}
div.client form p.submit button:hover{
	background-color:#198f13;
	cursor:pointer;
}
div.client form div, div.client p{
	margin:0 0 5px 0;
	overflow:hidden;
}
div.client form ul.error_list{
	float:right;
}

/* ### SHIPPING COSTS ### */
div.shipping{
	overflow:hidden;
}
div.shipping h2{
	text-align:center;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
	margin:0 0 20px 0;
}
div.shipping h3{
	font-weight:bold;
	font-size:1.3em;
	min-height:25px;
}
div.shipping h3 img{
	vertical-align:top;
	margin:0 0 0 5px;
}
div.shipping div.transport{
	float:left;
	width:230px;
	margin:0 10px 10px 0;
}
div.shipping div.transport.third{
	margin:0 0 10px 0;
}
div.shipping div.transport table{
	width:100%;
	border-collapse:collapse;
}
div.shipping div.transport table th{
	background-color:#ddd;
	color:#000;
	font-weight:bold;
}
div.shipping div.transport table th, div.shipping div.transport table td{
	padding:2px;
	border:1px solid #ddd;
}

/* ## MOBILE DEVICE ## */
@media(max-width:700px){
	div.product div.novelty img{
		width:100%;
	}
	div.product form.order{
		margin:0;
	}
	div.checkout div.block{
		padding:0;
	}
	div.checkout div.steps ul li{
		display:block;
		margin:0 auto 5px auto;
	}
	div.checkout div.steps ul li:first-child{
		margin:0 auto 5px auto;
	}
	div.checkout div.steps ul li.craue_formflow_current_step{
		background-color:#6ab045;
	}
	div.checkout form{
		width:100%;
	}
	div.checkout div.account h4, div.checkout div.login{
		display:none;
	}
	div.checkout form div.summary ul.products li div.details{
		position:static;
	}
	div.checkout form div.account div.register, div.checkout form div.address{
		width:100%;
	}
	div.checkout form input[type=text], div.checkout form input[type=email], div.checkout form input[type=password], div.checkout form div.commentary_widget textarea{
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	div.checkout form select{
		width:100%;
	}
	form.login input{
		width:100%;
		box-sizing:border-box;
	}
	div.client ul.tabs li{
		margin:0;
	}
}