/* project: mybeebay
   author: Frank Thomsen (magenta-aps.dk) 
   - based on template by luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
  
body { 
	padding: 0; 
	margin: 0; 
	font: 0.74em Arial, sans-serif;
	line-height: 1.3em;
	color: #454545;
	background: URL(/images/bg_gradient.gif) repeat-x top #fff; }
	
a {
	color: #bd8400; 
	background: inherit;
	text-decoration: none; }
a:hover {
	color: #bd8400;
	text-decoration: underline; }
a.title {
	color: #bd8400;
	background: #FFF; }

h1 {
	/*font: bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font: 30px Georgia, serif;
	font-style: italic;
	padding: 0 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

h1 a, h2 a {
	text-decoration: none;
	color: #464548;
	background: inherit;
}

h1 a:hover, h2 a:hover {
	color: #bd8400;
	background: inherit;
}

h1 .red{
	color: #C3593C;
	background: inherit;
}


h2 { 
	margin: 15px 0 9px 0; 
	padding: 0; 
	/*font: bold 1.5em Arial, Helvetica, sans-serif;*/
	font: bold 1.5em Georgia, serif;
	font-style: italic;
	/*letter-spacing: -1px;*/
	color: #000;
}

h2.yellow {
	color: #FFFCD1;
	background: inherit;
}

h3, h4 {
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 1em;
}

p {margin: 0 0 10px 0; }

ul {
	padding-left: 18px;
}

ul.navitems { 
	margin: 0; 
	padding : 0;
	list-style-type : none;  
}

form { 
	margin: 0 0 1em 0; 
}
fieldset {
  border: none;
  margin: 0 0 1em 0;
  padding: 0;
}
legend {
  font-weight: bold;
  margin: 0 0 0.5em;
}

ul.navitems li form {
	display: inline;
}
	
.maxwidth { width: 100%; }

input.search, .register {
	border: solid 1px #ccc;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	color: #454545;
	font-size: 1.2em;
	background-color: #fff;
}

input.search { 
	padding: 0 5px;
	font-weight: bold;
	background: url(/images/textarea_gradient.gif) repeat-x top #fff;
}
	div#yellow_block input.search {
		margin-right: 5px;
	}

input.login { 
	width: 150px;
	border: none; 
	background: url(/images/logininput.gif); 
	padding: 4px; 
}

input.tilmeldknap {
	margin: 0 0 10px 0;
}

.error {
	border: 1px #FF0000 solid;
}

.pad_it {
	padding-left: 10px;
	padding-right: 10px; }

.register {
	margin-bottom: 5px;
	padding: 0;
}

.align_with_label, input.file {
	margin-left: 105px; }
	label.align_with_label {
		float: none; }

.checkout {
	margin-bottom: 1em;
	margin-top: 0.5em;
}

ul.goods {
	list-style-type: none;
	padding: 0;
	margin: 0; }

	.goods li {
		width: 158px;
		float: left;
		margin: 0 0 10px 0;
		text-align: center; }
	.goods li img {
		margin-top: 0.5em;
		width: 120px; }

label {
	float:left;
	width:100px;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
}

select {
	padding: 0 0 5px 0;
}

table {
	width: 100%;
	margin: 10px 0 15px 0;
	border: 0;
	border-collapse: collapse;
}

.hr {
	width: 100%;
	clear: both;
	background: url(/images/dot.gif) repeat-x top; 
	height: 1px;
	margin: 5px 0; }

dl {
	margin: 3px 0 20px 0;
}

	.goods dl {
		margin-bottom: 0;
	}

dt, th {
	border-top: solid 1px #ccc;
	font-weight: bold;
	color: #808080;
	text-align: left;
}

dt {
	float: left;
	clear: both;
	width: 180px;
}

	.right_articles dt, .goods dt {
		width: auto;
		float: none;	
	}


dd {
	border-top: solid 1px #ccc;
	margin: 0 0 10px 0;
	width: 290px;
	color: #000;
	float: right; }
	.right_articles dd, .goods dd {
		width: auto;
		float: none;
		margin-bottom: 0; }

/* layout
   ------ */

#content { 
	margin: 0 auto;
	padding: 1em 0;
	width: 785px;
	background: url(/images/backgroudshadow.png) repeat-y transparent;
}
	.contentpadding {
		padding: 0 13px 0 12px; }

#logo {
	float: left;
	width: 225px;
	padding: 10px 0 0 10px;
	margin: 0;
	text-align: center;
	line-height: 1em;
}
	a img {
		border: solid 0px #fff;
	}
	
	#logo p {
		font-size: 0.9em;
		color: #808080;
		padding: 3px 0 0 0;
		margin: 0;
	}	

#header_right {
	float: right;
	width: 511px;
	height: 79px; /*This aligns the search bar with the yellow newletter box in IE*/
	margin: 0;
	padding: 0;
}

.slogan {
	text-align: right;
	width: 160px;
}

.bar { 
	text-align: right;
	font-size: 1.1em;
	height: 30px;
	margin: 35px 0 0 0;
	padding: 7px 12px 7px 0; /*This is essential to keep IE from obscuring the dot under the li.active*/
	background: #FFF url(/images/dot.gif) repeat-x top; }

	.bar li { 
		
		padding: 0px 1px 8px 19px;
		color: #808080;
		background: #FFF;
		display: inline;
	}
	
	.bar li.active { 
		background: #FFF url(/images/bar.gif) no-repeat center bottom; 
		color: #454545;
		font-weight: bold; 
		padding-bottom: 8px;
	}

	.bar a { 
		font-weight: bold;
		background: inherit;	
	} 
	
#divider {
	height: 6px; /*Make sure the #subheader underneath clears this div*/
	margin: 0 0 3px 0;
	clear: both;
	padding: 0; }

	#login_bar { 
		float: right;
		width: 509px;
		height: 6px;
		background-color: #6d9215;
		padding: 0;
		margin: 0; }
	
	#yellow_block {
		width: 248px;
		float: left;
		background-color: #fecd00;
		height: 6px;
		margin: 0;
		padding: 0; }

.teaser {
	font-weight: bold;
}

.grey {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
	
}

.attention {
	display: block;
	color: #ff6e6c;
	font-weight: bold;
}

#subheader {
	clear: both;
	margin: 3px 0 3px 0;
	padding: 10px 10px 0 10px;
	background: url(/images/shadow.gif) repeat-x top #f4f4f4;
	color: #808080;
	border-bottom: 1px solid #ccc;
}

#subheader .attention {
	display: inline; }

.centered {
	text-align: center;
}

.hidden {
	display: none;	
}

.big_image {
	display: block;
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #ccc;
}

.vareliste tr td {
	border-top: solid 1px #ccc;
	padding: 5px 30px 5px 0;
	vertical-align: top; }
	.lastcolumn {
		width: 90px;
		text-align: right; }
	.vareliste tr td.lastcolumn {
		padding-right: 0; }
.pris {
	text-align: right; }

.tip_en_ven {
	background: url(/images/heart.png) no-repeat left;
	padding-left: 20px;
}

.plain {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* left side
   --------- */

#left {
	float: left;
	width: 500px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#left_wide {
	float: left;
	width: 100%;
	margin: 0 0 3px 0;
	overflow: hidden;
}
	#left_wide dd {
			width: 498px; }
	#left_wide dt {
			width: 242px; }
	
	.left_articles {
		padding: 0;	
		margin: 0 0 15px 0; }
	
	.lbox {
		padding: 10px 12px;
		margin: 0 0 15px 0;
		background: url(/images/grey_gradient.gif) repeat-x top;
		border-top: solid 6px #6d9215;
		height: auto;
		clear: both; }
		.sub_lbox1, .sub_lbox2 {	
			margin: 0 0 0.5em 0;
			padding: 0 10px; }
		.sub_lbox1 { 
			float: left;
			width: 228px; }
		.sub_lbox2 {
			margin-top: 0;
			color: #fff;
			background: #4d7623 url(/images/green_gradient.gif) repeat-x top;
			border-top: solid 6px #fecd00;
			border-bottom: solid 6px #fecd00;
			float: right;
			width: 229px; }
			.sub_lbox2 h2 {
				color: #fff; }
			.sub_lbox2 label {
				width: 70px; }
			.sub_lbox2 a {
				color: #efb755; }
		.login {
			width: 255px;
			margin: 0 auto;
			border-top: none; }
		.sigDetMedHonning {
			float: left;
			width: 228px; }
		.adopterEnBifamilie {
			float: right;
			width: 229px; }
		
	
.thumb, .thumb_right {
	width: 72px;
	color: #fff;
	background-color: #fff;
	float: left;
	margin: 0 10px 5px 0;
	padding: 3px;
	border: solid 1px #ccc; }
	
	.right_articles img.thumb {
		clear: left; }

.thumb_right {
	float: right;
	padding: 5px 5px 12px 5px;
	margin: 0 0 5px 10px;
 }

	.thumb p {margin: 1px; padding: 3px; color: #FFF; background: #6e6e6e; }

.add_to_basket {
	border: none;
	background: url(/images/cart_put.png) no-repeat left;
	padding: 0 0 0 20px;	
}

.get_info {
	background: url(/images/information.png) no-repeat left;
	padding: 0 0 0 20px;	
}

.plainlabel {
	float: none;
	width: auto; }
	
/* right side
   ---------- */
		
#right {
	float: right;
	width: 257px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

	.right_articles {
		font-size: 0.9em;
		background: #fff url(/images/grey_gradient.gif) repeat-x top;
		padding: 10px 10px 4px 10px;	
		margin: 0 0 3px 0;
		border-top: solid 6px #fecd00;
	}

	.typechooser {
		padding: 45px 0 0 10px;
	}
	
		.right_articles h2 {
			font-size: 1.1em;
			margin: 0 0 0.8em 0;
			letter-spacing: 0;
			padding: 0;	}
	
		p.with_thumb {
			margin: 0 0 1em 90px;
		}
		
		.right_articles label { width: 70px; }
		.right_articles .align_with_label { margin-left: 70px; }
		
	#shoppingbasket, .green {
		border-color: #6d9215;
	}		
		
		#shoppingbasket h2 {
			background: url(/images/cart.png) no-repeat left;
			padding-left: 20px;
		}

/* footer
   ------ */

#footer {
	text-align: center;
	color: #aaa;
	padding: 24px 0 0 0;
	font-size: 0.9em; 
}

#footer a {
	color: #aaa;
	text-decoration: underline; }


/* Auction styles */

.stader5 {
	display: inline;
	height: 10px;
	width: 10px;
	margin: 3px;
}

.superstader {
	display: inline;
}

.auction td {
	text-align: center;
	border-top: solid 1px #ccc;
	padding: 5px 0;
}
.auction a {
	display: block;
	padding: 30px 0 0 9px;
	margin: 0;
	background: url(/images/stader.jpg) no-repeat top center; 
}
.auction a:hover {
	background: url(/images/stader_chosen.jpg) no-repeat top center;
}



/* Admin styles */

.vareliste tr td.dividedOrders { 
	border: solid 1px #ee8b82;
	border-bottom: 0;
	padding-left: 1.4em;
	font-weight: bold;
	background: url(/images/red_gradient.gif) repeat-x top; }
	
.vareliste tr td.dividedBottom {
	border-top: solid 1px #ee8b82; }	

.priority1 {
	border-left: solid 1px #ee8b82;
	border-right: solid 1px #ee8b82;}
.priority2 {
	background: url(/images/yellow_gradient.gif) repeat-x top; }
	

	
/*Splash page styes*/

#honeyfront {
	width: 100%;
	height: auto; }
	#honeytypes {
		width: 100%;
		text-align: center; }
		.lyng { background: url(/images/honey/honey_lyng2.jpg) no-repeat #fff; }
		.lyng a { color: #fff; }
		.ahorn_hvidtjorn { background: url(/images/honey/honey_sommer.jpg) no-repeat #fff; }  
		.raps_slaaen { background: url(/images/honey/honey_sensommer.jpg) no-repeat #fff; }
		.lind_gederams { background: url(/images/honey/honey_raps.jpg) no-repeat #fff; }
		.frugt_klover { background: url(/images/honey/honey_frugtbuske.jpg) no-repeat #fff; } 
		#honeyfront ul {
			padding-left: 0;
			margin: 0;
			list-style-type : none; }
		#honeyfront ul li {
			height: 138px;
			float: left;
			width: 140px;
			background-color: #fff;
			margin: 10px 0 16px 0;
			padding: 6px; }
		#honeyfront ul li p {
			margin-top: 50px;
			color: #fff; }
			#honeyfront ul li p a {
				font: 1.4em Georgia, serif;
				font-style: italic; }	
	#map {
		margin: 0;
		background-color: #aaa; }