/* CSS for order pages */
.order .cattext dd img{
	display:inline;
	vertical-align:middle;
	position:relative;
	top:-2px;
}
.order .product {
	background:none;	
	padding:13px 19px 8px 21px;
}
.order .cattext{
	margin:2px 0 0;	
	overflow:auto;
	min-height:0;
}
.order .cattext dl{margin-top:8px;line-height:1.8em}
.order .cattext dd{font-size:112%}
.order .prodimage{
	float:left;
	margin:0 16px 0 0;
	padding:0 0 15px 0;
}
/* Another breadcrumb which I'll assume are links but will style either way */
p.bread2{
	margin:5px 14px 10px;
	color:#746b6c;
	font-size:66%;
}
p.bread2 a{	color:#746b6c!important;}
 
/* main order with rounded box and shadow at bottom */
.order-top{
	background:url(images/order-top.gif) no-repeat 0 0;
	width:583px;
	height:6px;
	overflow:hidden;
}
.orders{
	width:583px;
	background:url(images/order-base.jpg) no-repeat 0 100%;
	padding:0 0 10px 0;
	margin:0 0 18px 0;
}
/* offline and online radio buttons in two side by side floats*/
.bar{
	background:url(images/small-bar.jpg) no-repeat 0 0;
	width:265px;
	margin:0 0 25px 20px;
	display:inline;
	float:left;
}

.rightbar{margin:0 20px 25px 0;float:right;}
.full-bar{
	width:543px;
	background:url(images/long-bar.jpg) no-repeat 0 0;
}
p.off-on {
	margin:0 0 15px 0;
	font-weight:bold;
	color:#246da7;
	font-size:85%;
	padding:0 0;
	clear:both;
}
p.off-on img,p.off-on span{display:inline;vertical-align:middle}
p.of2{margin-bottom:9px}
.bar div{
	clear:both;
	width:215px;
	margin-left:25px;
	font-size:85%;
	line-height:2em;
}
.bar div span{float:right;margin:2px 0 0 0}
.bar input,.bar label{vertical-align:middle}
.bar label {position:relative;top:1px}
.bar .antal-print{
	float:right;
	width:150px;
	margin:0 107px 0 0;
	display:inline;
}
.antal-print select, .antal-licenser select {
	width:50px;
	font-size:10px;
	vertical-aligm:middle;
}
.antal-print img,.antal-licenser img{position:relative;top:-2px}
.antal-print img,.antal-print label,
.antal-licenser img,.antal-licenser label{display:inline;}
.antal-print img,.antal-print select,
.antal-licenser img,.antal-licenser select{vertical-align:middle}
.noclear{clear:none!important}
p.total1{
	font-weight:bold;
	color:#000;
	font-size:85%;
	padding:0 9px 0;
	clear:both;
	margin:3px 0 25px 0;
}
.bar .antal-licenser{
	width:auto;
}
.antal-licenser a{color:#000!important}
.antal-licenser strong{
	color:#000;
	font-weight:normal;
	text-decoration:underline;
	padding:0 15px 0 23px;
}

.antal-licenser .rabatpayment{
width:300px;
margin-left:0px;
}
.rabatpayment .bstrong{
	color:#000;
	margin-left:0px;
	font-size:11px;
	width:200px;
	display:inline-block;
}
.rabatpayment .cstrong{
	color:#000;
	font-size:11px;
	width:90px;
	float:right;
	text-align:right;
	display:inline-block;
}



.bar .antal-licenser span{float:none;margin:0}
.fjern{float:right}
.fortsaet{float:right;margin-right:20px;display:inline;}
.barlast{margin-bottom:0;padding-bottom:9px;}

/*...................  page 2 of Order System .................. */
/* order book 2 CSS */
h3.orderhead{
	margin:0 22px 20px;
	font-size:138.5%;
	font-weight:normal;
	padding:14px 0 0 0;
}

/* License terms */
.terms{
	width:518px;
	height:169px;
	margin:25px 0 20px 20px;
	border:1px solid #e4e4e4;
	border-right:none;
	padding:18px 12px;
	overflow:auto;
	color:#736a6b;
	font-size:66%
}
.terms h4{
	font-weight:normal;	
	padding:0 0 1em 0;
}
.terms li{margin:0 0 1em 0}
.terms dt{
	text-transform:uppercase;
	margin:0;
}
.terms li strong{text-transform:uppercase}
.accept{
	color:#000;
	margin:0 20px 0 20px;
	min-height:0; 
	padding:0 0 5px 0;
}
.accept h5{margin:0 170px 5px 0;font-size:85%}
.accept input {float:right;clear:both;margin:0 0 18px 0}
input.last {margin-bottom:0;}
/* end page 2 */

/*.................. CSS for order page 3 ................*/
.login-opret{
	clear:both;
	margin:0 20px;
	padding:0 0 15px 0;
	background:url(images/underline2.gif) no-repeat center bottom;
}
.login-opret a{
	float:right;
	width:157px;
	height:22px;
	background:url(images/opret-on.gif) no-repeat 0 0;
	margin-right:23px;
	display:inline;
}
.login-opret a:hover{visibility:visible}
.login-opret a:hover img{visibility:hidden}
.login-opret input{margin:0 0 0 73px}
.order3 label{
	display:block;
	font-size:85%;
	margin:0 0 0 13px;
}
.order3 p.total1{margin-bottom:20px;}
.inp3{
	width:205px;
	padding:1px 5px;
	border:1px solid #c3c3c3;
	border-top:2px solid #7c7c7c;
	margin:5px 0 12px 13px;
}
.inp4{width:155px;margin:0}
.inp5{width:236px;padding:2px 5px}

#order-3-page .bar{
	margin-bottom:2px;
}
#order-3-page p.total1{margin-left:3px;}
p.bartext{
	margin:15px 35px 15px 13px;
	font-size:85%;
}
.send	{
	width:265px;
	margin:-3px 0 25px 20px;
	display:inline;
	float:left;
	padding:20px 0 14px 0 ;
	border-bottom:1px solid #e4e4e4;
}
.send p{margin:0 38px 8px 1px;}
.send input{margin-left:13px;vertical-align:middle;}
/* end page 3 */

/*........ styles for order page 4 ......................*/
.inputs{
	width:534px;
	margin:20px 0 20px 22px;
}
.inputs div{padding:0 0 8px 0;}
/* clearing technique */
.inputs div:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.inputs div{display:inline-block}
/* mac hide \*/
* html .inputs div{height: 1%}
.inputs div{display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/
.inputs label{
	width:175px;
	float:left;
	font-size:85%;
	font-weight:bold;
	margin:3px 0 0 0;
}
.inputs input{
	float:left;
	margin:0 4px 0 0;
	font-size:11px;
}
.inputs span{
	float:left;
	margin:-2px 0 5px 0;
}
.din-email{
	width:185px;
	font-size:66%;
	color:#696969;
}
p.din-email{margin:0 0 10px 22px;}
.order4 h3.orderhead{margin-bottom:5px;}

.right2{
	clear:both;
	margin:0 20px;
	padding:0 0 8px 0;
}
.right2 a{
	float:right;
	width:157px;
	height:22px;
	background:url(images/ga-tilbage-on.gif) no-repeat 0 0;
	display:inline;
	margin:0 0 18px 0;
}
.right2 span{
	float:right;
	width:157px;
	height:22px;
	display:inline;
	margin:0 0 18px 0;
}
.right2 a:hover{visibility:visible}
.right2 a:hover img{visibility:hidden}
.right2 input{float:right;clear:both}
p.som-email{
	font-size:77%;
	float:left;
	margin:-29px 22px 0;
	font-weight:bold;
	display:inline;
}
p.som-email input{vertical-align:-2px;margin-left:10px}
/* end order page 4 */

/*........ styles for order page 5 ......................*/

.address{
	margin:25px 30px 45px 23px;
	font-size:85%;
}
.address ul{
	float:right;
	line-height:1.7em;
	color:#336dac;
	text-align:right;
	width:250px;
}
.address p{
	width:250px;
	float:left;
}
.totalblock{
	min-height:0;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	min-height:0;
	font-size:85%;
	padding:0 0 50px 0;
}
.totalblock h3,.totalblock h5{	margin:0 30px 2px 23px}
.totalblock h5 strong{
	float:right;
	text-align:right;
}

li.author{
	width:180px;
	float:left;
}
li.author span{
	width:25px;
	float:left;
	margin:0 0 0 1px;
	display:inline;
}
li.author b{float:left;padding:0 12px 0 0}
li.author em{
	float:left;
	font-style:italic;
	width:110px
}
li.summary{
	float:left;
	margin:0 0 0 12px;
	width:200px;
}
li.summary p{color:#999}
li.subtot{
	float:right;
	width:122px;
	text-align:right;
}
.totalblock ul{
	margin:0 30px 9px 23px;
}
ul.bb{
	border-bottom:1px solid #adadad;
	padding:0 0 17px 0;
}
.mt60{margin-top:-60px;}

.txtblock{
	width:308px;
	margin:0 0 0 23px;
	line-height:1.2em;
	font-size:85%;
}
.txtblock p{margin:0}

/* end order page 5 */

/*........... CSS styles for order page 6 ..........*/
#order-6-page .address p {float:none}
#order-6-page .address p span{padding-left:35px}
#order-6-page .links{margin-top:0}
#order-6-page .links span{clear:both;margin:18px 0 0 0}
#order-6-page .links a.back{background:url(images/back-on.gif) no-repeat 0 0;}
#order-6-page .links a.print{background:url(images/print-on.gif) no-repeat 0 0;}
/* end order 6 */