/* ---- Tilføjet af Glassbox ApS ---- */

*
{
	margin: 0;
	padding: 0;
}

html
{
	background-image: url("../images/backrepeat.jpg");
	background-repeat: repeat-x;
	background-color: #d7eff1;
	font-family: arial;
	font-size: 12px;
	color: #333;
}

body
{
	background-image: url("../images/clouds.png");
	_background-image: none; /* Don't show clouds in IE 6 */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 50px;
}

input,
textarea
{
	font-family: arial;
	font-size: 16px;
	color: #000;
	padding: 2px;
}

table
{
	/*width: 100%;*/
	border-collapse: collapse;
}

tr
{
	vertical-align: top;
}

p
{
	margin-bottom: 5px;
}

h1
{
	margin-top: 30px;
	margin-bottom: 20px;
	font-weight: normal;
	letter-spacing: -0.03em
	font-size: 39px;
	padding-bottom: 10px;
}

#main h1
{
	border-bottom: 1px dotted #777;
}

h1 a
{
	color: #000;
}

h2
{
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0 10px 0;
}

h3
{
	font-size: 12px;
	margin: 15px 0 5px 0 !important;
}

ul
{
	margin: 10px;
}

ul li
{
	margin-left: 40px;
}

a
{
	color: #0a88d1;
	text-decoration: none;
}

a:hover
{
	color: #1075af;
	text-decoration: none;
}

a img
{
	border: 0;
}

#content 
{
	width: 978px;
	margin: 0 auto;
}

#contenttable
{
	margin: 0 auto 0 auto;
	width: 938px
}

.newsletter input
{
	font-size: 12px;
}

#head
{
	height: 93px;
}

	#head #cart
	{
		background-image: url("../images/cart.png");
		background-repeat: no-repeat;
		width: 131px;
		height: 53px;
		padding: 23px 0 0 60px;
		margin-top: 10px;
		float: right;
		text-align: left;
	}
	
		#head #cart a
		{
		}

	#head #topmenu
	{
		float: right;
		padding-top: 38px;
		text-transform: uppercase;
		font-size: 10px;
	}
	
		#head #topmenu a
		{
			color: #384c4d;
			margin-right: 15px;
		}
	
	#head #logo
	{
		padding-top: 35px;
		padding-left: 26px;
	}

#main
{
	padding: 0 20px 20px 20px;
}

	#main table td
	{
		padding: 0 10px 10px 0;
	}

.boxgrey
{
	clear: both;
	background-color: #ebebeb;
	border: 1px solid #d9d9d9;
	padding: 10px 10px 20px 10px;
	margin: 10px 0;
}

	.boxgrey h2,
	.boxgrey h3
	{
		margin-top: 0;
	}

	.boxgrey p
	{
		margin-bottom: 3px;
	}


#menu 
{
	width: 220px;
}

	#menu #greyframe
	{
		background-color: #ebebeb;
		border: 1px solid #d9d9d9;
		padding: 10px;
		margin-bottom: 20px;
	}
	
	#menu #menu-inner-2
	{
		background-color: white;
		border: 1px solid #d9d9d9;
	}

	#menu #menu-inner-2 a 
	{
		display: block;
		padding-top: 9px;
		padding-bottom: 6px;
		padding-left: 15px;
		border-bottom: 1px solid #e6e6e6;
	}
	
	#menu #menu-inner-2 a:hover 
	{
		background-color: #f1f1f1;
		text-decoration: none;
	}
	
	#menu #menu-inner-2 a:active 
	{
		background-color: #d9d9d9;
		text-decoration: none;
	}
	
	#menu #menu-inner-2 a.selected
	{
		color: white;
		background-image: url("../images/selected-repeat.png");
		background-repeat: repeat-x;
	}

	#menu #menu-inner-2 a.selected span
	{
		background-image: url("../images/selected-arrow.png");	
		float: right;
		display: block;
		height: 30px;
		width: 8px;
		position: relative;
		left: 8px;
		bottom: 9px;
		margin: 0 !important;
		padding: 0 !important;
	}

.greygradient
{
	padding: 20px 0 !important;
	border: 1px solid white;
	background-image: url("../images/greygradient.png");
	background-repeat: repeat-x;
	background-color: white;
}


/* PRODUKT KASSER */

#PRODBOX2 
{
	border: 1px solid #d1d1d1;
	background-image: url("../images/greygradient.png");
	background-position: 0 1px;
	background-repeat: repeat-x;
	width: 180px;
	height: 144px;
	padding: 15px;
	margin: 0 10px 10px 0;
	float: left;
	text-align: center;
	overflow: hidden;
}
	
	#PRODBOX2 img.boximg 
	{
		height: 120px;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	
	#PRODBOX2 a 
	{
		font-weight: bold;
	}
	
	#PRODBOX2 span 
	{
	}

.prodimg
{
	float: right;
	border: 1px solid #d9d9d9;
	margin: 0 0 0 0;
}

	.prodimg img
	{
		display: block;
		border: 10px solid #e1e1e1;
		width: 80px;
	}

.imgframe
{
	border: 1px solid #d9d9d9;
	margin: 0 0 25px 25px;
}

.imgframe img
{
	display: block;
	border: 10px solid #e1e1e1;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

/* PRIS SPLASH */

.splash
{
	background-image: url("../images/splash.jpg");
	width: 130px;
	height: 131px;
	text-align: center;
}

.splash .price
{
	font-size: 32px;
	display: block;
	font-weight: bold;
	letter-spacing: -0.04em;
	padding-top: 10px;
}

.splash .save
{
	font-size: 14px;
	display: block;
	font-weight: bold;
	letter-spacing: -0.04em;
	padding-top: 10px;
}

.splash .from
{
	font-size: 14px;
	display: block;
	font-weight: bold;
	letter-spacing: -0.04em;
	padding-top: 30px;
}


td.prodcat
{
	width: 150px;
}

td.prodcat img
{
	border: 1px solid #e1e1e1;
	display: block;
}

td.prodcat ul,
td.prodcat li
{
	margin: 0;
	padding: 0;
}

td.prodcat ul
{
	list-style-type: none;
	margin-bottom: 15px;
}


table.priser
{
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;	
	margin-bottom: 15px;
}

table.priser td
{
	padding: 3px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	text-align: right;
}




/* SPECIFIKKE ELEMENTER */

	#maaltagning.boxgrey
	{
		background-image: url("../images/ruler.png");
		background-position: right 48px;
		background-repeat: no-repeat;
		padding-right: 140px;
	}
	
		#maaltagning.boxgrey table td
		{
			width: 50%;	
		}
	
	#frontpage-offer
	{
		/*border: 1px solid white;
		background-image: url("../images/greygradient-large.png");
		background-repeat: repeat-x;
		background-color: white;
		*/
		border: 1px solid #e1e1e1;
		height: 310px;
		margin-bottom: 15px;
		line-height: 16px;
	}
	
		#frontpage-offer .splash
		{
			/*position: relative;
			left: 600px;
			top: 40px;*/	
		}
		
	#front-grey
	{
		background-color: #ebebeb;
		border: 1px solid #d9d9d9;
		padding: 10px 0 15px 20px;
		width: 180px;
	}
	
	#front-grey table td
	{
		padding-right: 10px;
	}
	
	#front-right-col
	{
		width: 259px;
	}
	
	
	
	#postit
	{
		background-image: url("../images/postit.png");
		width: 240px;
		height: 133px;
		padding: 15px 30px;
	}


#shoppingcart
{
	width: 100%;
	border-top: #d9d9d9;
}

#shoppingcart td
{
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px dotted #e1e1e1;
	padding: 10px 5px 10px 0 !important;
}

#shoppingcart th
{
	border-bottom: 3px solid #e1e1e1;
	text-align: left;
	padding: 5px 0;
}

#shoppingcart .ialt
{
	font-size: 14px;
	font-weight: bold;
}

td.sel 
{
	background-color: #ff9000;
	color: black;
	font-weight: bold;
}


#genimg 
{
	 float: left;
	 margin-right: 10px;
	 margin-bottom: 10px;
	 text-align: center;
}
	
	#genimg img 
	{
		width: 60px;
		display: block;
	}

.buy
{
	margin: 20px 0;
}


#infobox 
{
	background-color: #fbfbdb;
	border: 1px solid #e9e9b9;
	padding: 25px;
	width: 600px !important;
}

#infobox table
{
	width: 550px !important;
}

#infobox.male 
{
	padding: 25px auto;
	text-align: center;
	background-image: url('http://www.iconfinder.net/data/icons/drf/PNG/exclamation.png');
	background-repeat: no-repeat;
	background-position: 20px center;
}

.info-ok
{
	background-color: #fbfbdb;
	border: 1px solid #e9e9b9;
	padding: 25px;
	background-image: url('http://www.iconfinder.net/data/icons/onebit/PNG/onebit_34.png');
	background-repeat: no-repeat;
	background-position: 20px center;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 15px; 
}

.buttongrid
{
	width: 100%;
	margin: 15px 0;
}

.buttongrid .right
{
	padding: 0 !important;
	text-align: right;
}

.steps
{
	margin-bottom: 15px;
}


/* Bestillingsinfo */
#customerinfo
{
	margin-top: 15px;
}

#customerinfo .textfield
{
	width: 180px;
}

#customerinfo .levering
{
	background-color: #ebebeb;
	padding-left: 15px;
}

#customerinfo #ikkehjemme,
#customerinfo #besked
{
	width: 540px;
}

#customerinfo .ikkehjemmetd
{
	padding-top: 15px;
}

.message
{
	border: 1px solid #ebebeb;
}

#footer
{
	text-align: center;
	padding: 20px 0;
}


/* ------------------------------------------------------------------------------------------------------------- */


#frontbox {
	width: 225px;
	height: 137px;
	float: left;
	position: relative;
	cursor: hand;
	cursor: pointer;
	margin-left: 35px;
	margin-bottom: 25px;
}

.prisfra {
	font-size: 8px;
	font-weight: normal;
}

#frontbox img.prod {
	position: absolute;
	top: 10px;
	right: 15px;
	float: right;
	width: 100px;
}

#frontbox div.produkt {
	position: absolute;
	top: 10px;
	left: 0px;
	font-weight: bold;
	width: 120px;
}

#frontbox div.highlight {
	font-weight: normal;
	color: rgb(80,112,255);
}

#frontbox div.pris {
	position: absolute;
	left: 8px; top: 95px;
	border: 4px #4B7DA7 solid;
	padding: 3px;
	width: 70px;
	font-weight: bold;
	color: #0051A2;
}

#frontbox div.laesmere {
	position: absolute;
	right: 22px; top: 110px;
	font-weight: bold;
	color: #0051A2;
}



#PRODBOX {
  background-image: url('prodbox.jpg');
  width: 220px;
  height: 154px;
  padding: 13px;
  float: left;
  overflow: hidden;
}

#PRODBOX img {
  width: 90px;
  border: 1px solid #D3D3D3;
}

#PRODBOX a {
  color: #719FC5;
}

#PRODBOX div.pris {
  position: relative;
  top: -75px;
  left: 95px;
  width: 120px;
  text-align: right;
  color: #E5E5E5;
}

#PRODBOX div.tekst {
  position: relative;
  top: -45px;
  left: 0px;
  width: 220px;
  color: #9F9F9F;
}

#PRODBOX span.pris {
  color: #FFA500;
}

#PRODBOX span.overskrift {
  color: #719FC5;
}

#PRODBOX_HIGH {
	position: relative;
  background-image: url('prodbox_high.jpg');
  width: 220px;
  height: 289px;
  padding: 13px;
  float: left;
  overflow: hidden;
}

#PRODBOX_HIGH img {
  width: 120px;
  border: 1px solid #D3D3D3;
  margin-left: 49px;
}

#PRODBOX_HIGH a {
  color: #719FC5;
}

#PRODBOX_HIGH div.pris {
  position: absolute;
  top: 150px;
  left: 0px;
  width: 220px;
  text-align: center;
  color: #E5E5E5;
}

#PRODBOX_HIGH div.tekst {
  position: absolute;
  top: 200px;
  left: 15px;
  width: 215px;
  color: rgb(0,102,153);
}

#PRODBOX_HIGH span.pris {
  color: #FFA500;
}

#PRODBOX_HIGH span.overskrift {
  color: #719FC5;
}

/*
.overskrift {
  font: bold 18px Verdana;
  color: #4B7DA7;
}

.overskrift1 {
  font: normal 15px Verdana;
  color: #4B7DA7;
}

div.overskrift1 {
  font: bold 11px Verdana;
  color: white;
  background-color: #0051A2;
  height: 13px;
  border: 1px solid #0051A2;
  padding: 2px;
  margin-bottom: 3px;
  text-transform: uppercase;
}
*/

kbd {
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
}


td.title {
	color: #0051A2;
}

.loadbar {
  background-image: url('loadbg.jpg');
	height: 16px;
	width: 102px;
	padding-left: 4px;
}

.loaddot {
	font-size: 0px;
	float: left;
	margin: 4px;
	margin-left: 1px;
	margin-right: 1px;
	width: 6px;
	height: 8px;
}



/* Customer service */

#customservice
{
	background-image: url("../images/service.png");
	background-repeat: no-repeat;
	height: 80px;
	padding: 10px 50px 10px 10px;
	position: relative;
	bottom: 12px;
	margin-bottom: -12px;
}

	#customservice a
	{
		color: black;
	}
	
	#customservice h2
	{
		margin: 6px 0;
		text-shadow: 0 1px 0 #aadddd;
	}


.productbox
{
	border: 5px solid #eee !important;
	padding: 10px 0 10px 20px;
	margin: 0 10px 10px 10px;
}

.productbox td
{
	padding: 0 10px 5px 0;
}

.productbox a img
{
	border: 1px solid #aaa;
}

.productbox a:hover img
{
	border: 1px solid black;
}

.price
{
	display: block;
	font-weight: bold;
}

.offer
{
	display: block;
	font-weight: bold;
	color: #edb83a;	
}

#offer1
{

}

#2,
#3
{
	display: none;
}

#nextoffer
{
}

#offercontrol
{
	text-align: center;
	font-size: 11px;
	margin-bottom: 3px;
	display: block;
	position: relative;
	bottom: 5px;
}


#cartmessage
{
	display: none;
	background-color: #fff6e4;
	border: 3px solid #e8b549;
	position: absolute;
	
	top: 90px;
	
	margin: 0;
	padding: 0;
	
	margin-left: -198px;
	
	background-image: url('http://s3.iconfinder.net/data/icons/onebit/PNG/onebit_34.png');
	background-position: 15px 22px;
	background-repeat: no-repeat;
	
	font-size: 16px;
	font-weight: bold;
}

#cartmessage a
{
	font-size: 12px;
	margin-right: 20px;
}

#cartmessage p
{
	padding: 30px 20px 30px 70px;
	margin: 0;
	/*border: 1px solid #fcd98d;*/
}