﻿/* === Orderform etc, registration & profile === */

#neworder .clearfix:after { clear:both; }
#neworder .clearfix:before,#neworder .clearfix:after { display:block; content:""; line-height:0; }

#neworder { overflow:hidden; font-size:1.6em; position:relative; }

#neworder ul li { font-size:0.8em; float:left; margin-right:0.5em; }
#neworder > .content { position:relative; }

#neworder > .content > .title { position:absolute; left:-999em; }

#neworder div.formdivider { margin:0; padding:0; clear:both; height:1.5em; line-height:1em; }

#neworder select, #neworder input, #neworder textarea { font-size:1em; line-height:1; padding:0.3125em; margin-bottom:1em; border:1px solid #c1c1c1; border-radius:0.3125em; outline:none;}
#neworder textarea { width:49.58em; max-width:95%; display:block; }
#neworder select { width:8em; }
#neworder input[type=number] { width:4em; margin-right:0.5em; }
#neworder input[type=checkbox] { background: none; border: none; }
#neworder .special input[type=checkbox] { margin-bottom:0; }
#neworder input[type=radio] { background: none; border: none; margin-top:0.5em; margin-bottom:0.5em; }
#neworder input[type='submit'], #neworder input[type='reset'] { display:block; float:left; margin-right:0.3125em; border:none; outline:none; }
#neworder #moreusers input[type='text'], #neworder #moreuserscontainer input[type='text'] { margin-right:1em; }

#neworder label, #neworder span.fixed { display:inline-block; margin-right:0.3125em; }
#neworder label.error { color:#da4645; font-size:0.75em; margin-left:0.5rem; }
#neworder input.error:focus { border-color:#da4645; }
#neworder label.fixed, #neworder span.fixed { width:6.5em; }
#neworder label.fix { width:8.5em; }
#neworder label.widefix { width:20.5em; }
#neworder label.xtrawidefix { width:27.5em; }
#neworder label.small, #neworder span.small { font-size:0.8em; margin-left:1em; }
#neworder select.deliverypayment { margin:0.5em 0 3.5em 0; width:21.5em; max-width:95%; } 
#neworder span.info { display:block; margin-bottom:1em; clear:both; }
#neworder span.deliverymethodinfo { display:block; margin-bottom:0.7em; }
#neworder span.explanation, #neworder label.explanation { display:inline; margin:0 0.3125em; }
#neworder fieldset { margin-top:3em; }
#neworder div.actions li a
		{
			position: relative;
			display: inline-block;
			margin-top: 0; margin-bottom:1em;
			padding: 0.5em 1em;
			background: #6b8ed3;
			border-radius: 6px;
			text-decoration: none !important;
			text-transform: uppercase;
			font-size: 0.8em;
			color: #fff !important;
			-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			cursor: pointer;
		}

#neworder div.actions li a:hover { background:#b7cefb; color:#fff !important; }		
#neworder div.actions li.disabled a { display:none; }
 
#neworder .red { color:#da4645; }
#neworder legend { margin-bottom: 1em; }
#neworder legend.special {  }
#neworder legend.header { text-transform:uppercase; font-size:1.5em; letter-spacing:0.01em; }
 
#neworder div.steps { padding:5em 0 2em 0; border-bottom:1px solid #b7cefb; border-top:1px solid #b7cefb;}
#neworder li span.title { display:block; margin-top:0.8em; color:#2c2d2d; font-style:italic;  }
#neworder li.current span.title { font-style:normal; font-size:1em; }
#neworder li span.number { display:inline-block; background:#b7cefb; color:#fff; padding:0.3em 0.5em; border-radius:3px; z-index:100; } 
#neworder li.current span.number { background:#6b8ed3/*#3e64af;*/ }
#neworder li.done span.number { background: #b7cefb; }
#neworder li.error span.number { background: #da4645; }
#neworder span.audible { display:none; } 
#neworder li[role=tab] { position:relative; text-align:center; z-index:1; width:23%; }
#neworder li[role=tab]:after { content:""; width:94%; height:2px; background:#b7cefb; position:absolute; left:-48.85%; top:25%; z-index:-1; }
/*#neworder li[role=tab].current:after, #neworder li[role=tab].done:after { background:#6b8ed3; }*/
#neworder li[role=tab]:first-child:after { content:none; }
#neworder li[role=tab] a { text-decoration:none; outline:none; font-size:0.8em; }

#order.paper .online { display:none; }
#order.online .paper { display:none; }

#neworder.v2 input[type='text'], #neworder.v2 input[type='email'] { width:16em; }

#badges span.explanation { margin-left:0; margin-right:1em; }
#neworder .leftmargin { margin-left:2em; }
#neworder .toggle { display:inline-block; margin-bottom:1em; text-decoration:none; }
#neworder a > .label { color:#2c2d2d; margin-right:0.3125em; }
#neworder a.toggle > span > i { font-size:0.875em; }


