/*********************************************************     Basic */
html{
  overflow-x:hidden;
}
html, body{
	margin:0;
	padding:0;
}
body{
	background:#fff none;
	font:normal 11px arial;	
}
#container{
	margin:25px 25px 0 25px;
	width:660px;
}
hr{
  height:1px;
  border:0;
  color:#ccc;
  background:#ccc none;
  clear:both;
}
div.hr{
    clear:both;
}
div.hr hr{
    display:none;
}

/*********************************************************     Headern */
#header{
	background:#fff none;
	border-bottom:1px solid #e2e2e2;
}
#header h1{
	float:left;
	margin:0;
	font-family:"Arial Narrow", arial, sans-serif;
	font-size:23px;
	font-weight:normal;
	color:#ed1c2e;
}
#header h2{
	float:right;
	margin:5px 0 0 0;
	font-family:"Arial Narrow", arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#666;
}
#header a#logout{
	position:absolute;
	right:30px;
	top:10px;
	font:normal 11px arial;
	color:#666;
	text-decoration:none;
}
#header a:hover#logout{
	text-decoration:underline;
}


/*********************************************************     Menyn */
#nav{
	float:left;
	width:150px;
}
#nav h2{
	margin:15px 0 2px 0;
}
#nav ul{
	margin:5px 0 0 5px;
	padding:0;
}
#nav ul li{
	list-style:none;
	background:transparent url("/images/list_item.gif") no-repeat 0 6px;
	margin:0 0 8px 7px;
	padding:0 0 0 10px;
}
#nav ul li a{
	text-decoration:none;
	color:#000;
}
#nav ul li a:hover{
	text-decoration:underline;
}



/*********************************************************     Inneh�ll */
#content{
	float:right;
	width:500px;
	margin:15px 0 0 0;
}



/*********************************************************     Box med rundade h�rn */
.box{
	width:100%;
	background-color:#ebebeb;
}
.box .container{
	height:100%;
}
.box .content{
	padding:0 20px;
}
.box .content h1{
	margin-top:5px;
}
.top{
	font-size:0;
	background:#ebebeb url("/images/corner_top_left.gif") no-repeat;
	height:11px;
}
.top div{
	font-size:0;
	height:11px;
	background:transparent url("/images/corner_top_right.gif") no-repeat 100% 0;
}
.bottom{
	font-size:0;
	background:#ebebeb url("/images/corner_bottom_left.gif") no-repeat;
	height:11px;
}
.bottom div{
	font-size:0;
	width:100%;
	height:11px;
	background:transparent url("/images/corner_bottom_right.gif") no-repeat 100% 0;
}

.box_white{
	width:100%;
	background-color:#ffffff;
}
.box_white .container{
	height:100%;
}
.box_white .content{
	padding:0 20px;
}
.box_white .content h1{
	margin-top:5px;
}
.top_white{
	font-size:0;
	background:#ffffff url("/images/corner_top_left_white.gif") no-repeat;
	height:11px;
}
.top_white div{
	font-size:0;
	height:11px;
	background:transparent url("/images/corner_top_right_white.gif") no-repeat 100% 0;
}
.bottom_white{
	font-size:0;
	background:#ffffff url("/images/corner_bottom_left_white.gif") no-repeat;
	height:20px;
}
.bottom_white div{
	font-size:0;
	width:100%;
	height:20px;
	background:transparent url("/images/corner_bottom_right_white.gif") no-repeat 100% 0;
}


/*********************************************************     Boxarna */
#box1{
	position:relative;
	float:left;
	width:225px;
}
#box1 img{
	position:absolute;
	top:-25px;
	right:-40px;
	width:138px;
	height:139px;
}
#box1 h2{
	width:100px;
}
#box2{
	float:right;
	width:225px;
}
#box3{
	float:left;
	width:225px;
}
#box4{
	float:right;
	width:225px;
}

/*********************************************************     Percentview */
div.percentview{
	background:#ddd url("/images/online/pile-bg-lft.gif") top left no-repeat;
	margin-bottom:4px;
	height:21px;
	width:100%;
}
div.percentview span{
	float:left;
}
div.percentview span.amount, div.percentview span.percent{
	margin:4px 10px 0 8px;
	width:40px;
	text-align:right;
}
div.percentview .pile{
	float:right;
	height:21px;
	width:300px;
	background:#eee url("/images/online/pile-bg-rgt.gif") top right no-repeat;
}
div.percentview .pile span{
	display:block;
	height:21px;
	background:#bbb url("/images/online/pile-grey-rgt.gif") top right no-repeat;
}
div.percentview#active{
  font-weight:bold;
}
div.percentview#active .pile span{
	background:#e11b27 url("/images/online/pile-red-rgt.gif") top right no-repeat;
}

/*********************************************************     Bonus */
#bonus {
	width:100%;
	margin-top:20px;
	position:relative;
}

#bonus #bonusbar{
    background:transparent url("/images/online/bonus_bar_red.gif") no-repeat 100% 0;
	width:16px;
	height:400px;
	/*position:absolute;
	top:200px;
	left:30px;*/
	margin:0;
	padding:0;
}
#bonus #bonusbar #bonusbar_active{
    background:transparent url("/images/online/bonus_bar.gif") no-repeat 100% 0;
	width:16px;
	float:left;
	/*position:absolute;
	top:200px;
	left:30px;*/
}
#bonus #bargrade{
	margin:0 0 0 30px;
	width: 80px;
	height:400px;
	display:block;
}
#bonus #bargrade div{
    padding-left:50px;
    background:transparent url("/images/online/bonus_hr.gif") no-repeat 0 50%;
    margin:0 0 0 -5px;
}
#bonus #bonusitems{
	width: 350px;
	height:400px;
	position:absolute;
	left:110px;
	top:0;
	line-height:1;
}
#bonus h2{
    color:#ed1c2e;
}
#bonus p{
    margin:5px 0 0 0;
}
#bonus div.item{
    position:absolute;
}
#bonus div.line{
    float:left;
    display:inline;
    width:77px;
    margin:22px 13px 0 0;
}
#bonus div.line hr{
    border:0;
    height:1px;
    color:#aaa;
    background:#aaa none;
}
#bonus div.text{
    width:175px;
    float:right;
}
#bonus div.image{    
    width:67px;
    height:55px;
    float:left;
    display:inline;
}

/*********************************************************     Textelement */
h1{
	margin:0;
	font-family:"Arial Narrow", arial, sans-serif;
	font-size:23px;
	font-weight:normal;
	color:#ed1c2e;
}
h2{
	font-family:"Arial Narrow", arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#666666;
	margin:0 0 5px 0;
}



/*********************************************************     Extras */
.clearfix{
	clear:both;
}
img{
	behavior:url("/js/pngbehavior.htc");
}

/*********************************************************     userdata */
div#userdata{
  margin:10px 0 0 0;
}
div#userdata div{
  float:left;
  display:inline;
  width:330px;
}
div#userdata h2{
  clear:both;
}
div#userdata form input{
  border:1px solid #ccc;
  padding:3px;
  width:315px;
  font-size:11px;
  margin:0 0 10px 0;
  float:left;
  display:inline;
  clear:both;
}
div#userdata form input.submit{
  width:100px;
}

div#userdata div.error{
  clear:both;
  display:inline;
  border:1px solid #ccc;
  background:transparent url("/images/online/error.gif") no-repeat 20px 20px;
  height:80px;
  width:320px;
}
div#userdata div.error p{
  margin:30px 0 0 90px;
  padding:0;
}


/***************************************   sIFR */
@media screen{
  .sIFR-flash {
  	visibility: visible !important;
  	margin: 0;
  	display:block;
  }

  .sIFR-replaced {
  	visibility: visible !important;
  }
  span.sIFR-alternate {
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 0;
  	height: 0;
  	display: block;
  	overflow: hidden;
  }
  .sIFR-flash + div[adblocktab=true] {
    display: none !important;
  }
  .sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h3, .sIFR-hasFlash h4, .sIFR-hasFlash h5{
  	visibility: hidden;
  	margin:0;
  }
  .sIFR-hasFlash h1{
  	/*font-size:23px;*/
  	font-size:23px;
  }
  .sIFR-hasFlash h2{
  	font-size:15px;
  	color:#666;
  }
  .sIFR-hasFlash h3{
  	font-size:12px;
  }
  .sIFR-hasFlash h4{
  	font-size:17px;
  }
}
@media print{
  span.sIFR-alternate {
  	visibility: visible !important;
  	display: block !important;
  	position: static !important;
  	left: auto !important;
  	top: auto !important;
  }
  .sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
  	display: none !important;
  	height: 0;
  	width: 0;
  	position: absolute;
  	overflow: hidden;
  }
}


#login_form dl{
	width:255px;
	margin:5px 0 0 12px;
	margin-left:12px;
	padding:0;
}
#login_form dl dd{
	margin:5px 0;
	padding-top:2px;
	clear:left;
	float:left;
	width:80px;
}
#login_form dl dt{
	margin:5px 0;
	float:left;
	width:90px;
}
#login_form dl dt input{
	width:170px;
	border:1px solid #bbb;
}

#login_form #submit{
	border:1px solid #bbb;
	background:#f2f2f2;
	padding:2px;
	width:90px;
	float:right;
	margin:5px 15px 0 0;
}

#login_form .clmn1 { float:left; display:block; width:250px; }
#login_form .clmn2 { float:left; display:block; width:350px; }
#login_error{
	margin:3px 0 0 11px;
	font-size:11px;
	color:#ed1c2e;
}
form#finalorder{
  margin:0 0 20px 0;
  padding:0;
}
form#finalorder div#form{
  float:left;
  display:inline;
  margin:20px 0 20px 0;
  width:370px;
}
form#finalorder div#description{
  float:left;
  display:inline;
  width:270px;
  margin:20px 0 20px 20px;
  padding:0;
  height:230px;  
}
form#finalorder div#description p{
  padding:0;
  margin:0 0 5px 0;
}
form#finalorder div#form label{
  clear:both;
  width:125px;
  float:left;
  display:block;
  padding:3px;
  margin:0 0 5px 0;
}
form#finalorder div#form input{
  font:normal 11px arial;
  float:right;
  display:inline;
  width:225px;
  border:1px solid #ccc;
  padding:3px;
  margin:0 0 5px 0;
}
form#finalorder div#method{
  width:100%;
  height:40px;
}
form#finalorder div#method label{
  float:left;
  display:block;
  padding:3px;
  margin:0 25px 5px 0;
}
form#finalorder div#method label#amount{
    border-left:1px solid #ccc;
    padding-left:20px;
}
form#finalorder div#method label#amount strong{
    color:#ed1c2e;
}
form#finalorder div#method input{
  font:normal 11px arial;
  float:left;
  display:inline;
  border:0;
  padding:3px;
  margin:3px 5px 5px 0;
}
form#finalorder div#error p{
  color:#600;
  font-weight:bold;
}
form#finalorder textarea{
  border:1px solid #ccc;
  font:normal 11px arial;
  width:370px;
  height:80px;
  float:left;
}
form#finalorder input.submit{
  float:right;
}
table.orderSummary{
  border-collapse:collapse;
}
table.orderSummary th{
  text-align:right;
  padding:5px 10px;
  width:70px;
}
table.orderSummary td{
  text-align:right;
  padding:5px 10px;
  border-top:1px solid #ccc;
}
table#sale{
    border-collapse:collapse;
    border:0;
    margin:10px 0 0 0;
    padding:0;
}
table#sale th{
    text-align:left;    
    font-weight:normal;
}
table#sale td, table#sale th{
    margin:0;
    padding:10px 10px;
    border:0;
    border-bottom:1px solid #ccc;
    background:#fff none;
    font-size:11px;
    color:#333;
}
table#sale td.amount{
    color:#ed1c2e;
    text-align:center;
}
table#sale td.amount input{
    border:1px solid #ddd;
    padding:3px;
    font-size:11px;
    width:40px;
    text-align:right;
}
table#sale tr.header th{
    color:#000;
} 
div#reciept{
    float:right;
    width:350px;
    margin-top:60px;
}
body#choose{
    text-align:center;
}
body#choose div#box{
    margin:175px auto 0 auto;
}
body#choose div#box a{
    color:#666;
    text-decoration:none;
}
table#choose th{
    text-align:left;
    padding:5px;
}
table#choose td{
    padding:5px;
    border-top:1px solid #ddd;
}
div#follow{
    width:100%;
    height:70px;
}
div#follow h2{
    margin:0;
}
div#follow p{
    margin:0 0 10px 0;
}
div#packaging{
    padding-top:15px;
    background:transparent url("/images/online/packaging.gif") no-repeat 0 0;
}