@charset "utf-8";
/* Form CSS Document for step pages and account overview pages. */

/* account-overview page css */
.forms .s9top{margin-top:9px}
.forms #s9main{padding:2px 0 6px;}

h2.overviewhead2{
	font-size:11px;
	color:#666;
	font-weight:normal;
	text-align:right;
	padding:12px 7px 5px 9px;
	margin:0 9px 26px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
h2.ov3{margin:0 9px 16px}
h2.overviewhead2 span{
	color:#900;
	font-size:22px;
	float:left;
	font-weight:bold;
	margin:-10px 0 0;
}
h2.overviewhead2 a,h2.overviewhead2 a:visited{color:#666}

.datawrap{
	width:836px;
	clear:both;
	overflow:hidden;
	margin:0 0 0 49px;
	border-bottom:1px solid #ccc;
	position:relative;
}
/* Dine data form at top left */
.yourdata{
	width:562px;
	float:left;
}
.datawrap h3,.daysleft h3{
	color:#666;
	font-size:18px;
	border-bottom:1px solid #ccc;
	padding:0 0 11px 12px;
	margin:0;
	font-weight:normal;
}
.datawrap label,.datawrap p.label{
	color:#666;
	font-size:18px;
	float:left;
	margin:0 0 0 12px;
	width:168px;
	display:inline;
	font-weight:bold;
	padding:10px 0 4px;
}
.datawrap label em,.datawrap p.label em{
	display:block;
	font-size:11px;
	float:none;
	font-weight:normal;
	font-style:normal;
	line-height:1.2;
	padding:2px 0 0;
}
.formrow,.formrow2{
	width:562px;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	padding:2px 0 14px;
	position:relative;
	z-index:3;
}
.makevis{overflow:visible!important}
.inp357{
	width:357px;
	padding:1px 4px 2px;
	border:1px solid #b4b4b4;
	border-top:2px solid #727272;
	border-bottom:1px solid #dadada;
	background:#fff;
	color:#666;
	font-size:18px;
	font-weight:normal;
}
.formrow b{
	float:right;
	width:370px;
	margin:0 6px 0 0;
	display:inline;
	font-weight:bold;
	font-size:11px;
	color:#900;
	padding:0 0 3px;
	visibility:hidden;
}
.formrow span{
	float:right;
	clear:right;
	border:2px solid #fff;/* hold space open for error border to appear*/
	margin:0 6px 0 0;
	display:inline;
}
/* turn on error message by adding this class to the div called .formrow */
.s9error span{border:2px solid #900;background:#900;}
.s9error b{visibility:visible}
.s9error {padding:7px 0 14px;}
.s9error label{padding:8px 0 0}
/* end error highight */

/* Nyhedsbrev section at top left */
.s9nyhed{
	width:240px;
	float:right;
	position:relative;
	padding:0 0 50px;/* preserve space for update button absolutely placed.*/
}
.s9nyhed label{
	margin:0 0 0 4px;
	width:200px;
	padding:15px 0 4px 1px;
}
.s9nyhed input{
	float:left;
	margin:22px 2px 30px 2px;
	display:inline;
}
.s9nyhed div{
	width:240px;
	clear:both;
	overflow:hidden;
}

#s9update,#s9continue{
	position:absolute;
	bottom:16px;
	left:632px;
	border:none;
	background:url(/grafik/side9/hydrogen/images/btn_orderpage_update.png) no-repeat 0 0;
	width:171px;
	height:37px;
	overflow:hidden;
	padding:0;
	font-size:0;
	color:#fff;
}
#s9update:hover,#s9continue:hover{background-position:0 -47px}

/* second section of form (12 days left) */
.daysleft{
	width:836px;
	clear:both;
	overflow:hidden;
	margin:0 0 0 49px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.data2 {
	margin-top:47px;
}
.data2 p {
	color:#000;
	font-size:18px;
	margin:0 0 6px 12px;
}
.data2 p em{
	color:#900;
	font-weight:bold;
	font-style:normal;
}
.data2 p.shout{
	font-size:32px;
	line-height:1.1;
}
.data2 p.shout em{
	color:#666;
	font-weight:bold;
	font-style:normal;
	position:relative;
	top:-2px;
}
.data2 p.small{
	color:#666;
	font-size:10px;
	font-weight:normal;
	margin:0 0 2px 12px;
}
.data2 .yourdata {padding-top:15px;}

.datawrap p.label {
	color:#000;
}
.datawrap p.label em{color:#666}
.datawrap p.label a{
	display:block;
	color:#666;
	text-decoration:underline;
	font-size:11px;
	padding:5px 0 0;
	outline:none;
}
.datawrap p.label a:hover{color:#000}
.datawrap p.label a:visited{color:#666}
.formrow2{padding:0px 0 12px;}
.days30{
	float:right;
	width:376px;
	padding:11px 0 0;
}
.days7{padding:35px 0 0;}
.days30 label {
	font-size:18px;
	color:#900;
	font-weight:bold;
	padding:0 0 0 3px;
	float:none;
	width:auto;
	display:inline;
	margin:0;
	vertical-align:middle;
	position:relative;
	top:-3px;
}
.days30 input{
	margin:0 0 25px;
}
.days30 input.last{margin:0}
.days30 label span{
	float:none;
	color:#000;
	font-weight:normal;
}
.formrow3{width:836px;border-top:1px solid #ccc;}
.formrow3 span{
	margin-left:7px;
	margin-right:75px;
	float:left;
}
.s9error .s9continue b{
	float:none!important;
	display:block;
	margin:0 0 0 9px;
}
.s9continue{
	width:648px;
	float:left;
}
.s9continue input{float:left!important;}
#s9continue{
	position:static;
	float:left;
	background:url(/grafik/side9/hydrogen/images/btn_orderpage_continue.png) no-repeat 0 0;
	margin-top:-5px;
}
.formrow2 input.s9continue_move{
	position:absolute!important;
	float:none!important;
	bottom:8px!important;
	z-index:99;
}

p.creditcards{
	clear:both;
	margin:0;
	padding:12px 0 11px;
	border-top:1px solid #ccc;
	position:relative;
	top:-1px;
}
p.ccard2{padding:53px 0 18px;}
/* image to side of form details */
p.formimage,p.formimage2,p.formimage3{
	position:absolute;
	top:50px;
	right:0;
	height:320px;
	margin:0;
	float:none;
	z-index:2;
}
p.formimage2{
	height:462px;
	top:43px;
	right:12px;
	z-index:2;
}
p.formimage3{
	height:359px;
	top:43px;
	right:12px;
	z-index:2;
}
/* transaction table at bottom of page */
.s9transaction{
	clear:both;
	margin:0 0 24px 49px;
	font-size:18px;
	color:#666;
	border-collapse:collapse;
	width:836px;
}
.s9transaction caption{
	text-align:left;
	padding:49px 0 10px 12px;
	margin:0;
	display:block
}
.s9transaction th,.s9transaction td{
	padding:5px 12px;
	vertical-align:middle;
}
.s9transaction th{
	font-weight:bold;
	background:#ccc;
}
.s9transaction td{
	border-bottom:1px solid #ccc;
	padding:7px 12px;
}
.s9transaction td.s9tr4{padding-right:50px;}
.s9transaction td a,.s9transaction td a:visited{color:#666}


/* end account-overview page css */

/*.......... Buy-step1.html page ...........*/
.datawrap p.labelimage{
	padding-bottom:50px;
	background:url(/grafik/side9/hydrogen/images/order_bestbuybadge.gif) no-repeat 100% 100%;
	color:#666;
}
.datawrap p.labelimage a{	padding:1px 0 0;}
.data3 .days30 input{margin:0 0 33px;}
.data3 .days30 input.last{margin:0 0 24px;}
.data3 .days30{padding:12px 0 0;}
.inner933{position:relative}
.data3{border-bottom:none}
.s9continue2  {
	clear:both;
	width:836px;
	border-top:1px solid #ccc;
	position:relative;
	margin-top:-1px;
	z-index:4;
}
.s9continue2 input#s9continue{
	position:absolute;
	float:none;
	left:633px;
	bottom:14px;
	z-index:5;
	clear:both
}
.iez{position:relative;z-index:99}

/* buy-step2 page css */
.s9success{
	width:562px;
	min-height:332px;
	overflow:hidden;
	padding:25px 0 0;
}
* html .s9success{height:332px}

.s9step2row{
	border-bottom:1px solid #ccc;
	/*width:562px;
	w\idth:542px;*/
	clear:both;
	padding:15px 8px 11px 12px;
	margin:0 0 0 50px;
	color:#666;
	font-size:18px;
}
.s9step2row b{color:#000}
.s9step2row a,.s9step2row a:visited{
	color:#900;
	text-decoration:underline;
	font-weight:bold;
}
.s9step2row a:hover{color:#000}
.s9step2row p{margin:0 0 8px}