/**
* Layout CSS for the given website
*
* use @import statement for getting other
* CSS files in if needed.
*/
@import url("content.css");
@import url("style_2008.css");

div {
	/*border: 1px solid red;*/
}

body {
	height:100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
html {
	height: 100%;
	}
/**
* -----------------------------------------------------------------
* Forside
* -----------------------------------------------------------------
*/
div#forside_kasse_container {
	width: 966px;
	height: 473px;
	/*background-image: url('../img/forside-kasser.jpg');
	background-repeat: no-repeat;*/
	}
div#forside_stor_kasse {
	float: left;
	border: 1px solid black;
	width: 624px;
	height: 469px;
	max-height: 470px;
	overflow-x: hidden;
	overflow-y: auto;
	/*background: yellow;
	filter:alpha(opacity=75);*/
	}
div#forside_right_top {
	float: right;
	border: 1px solid black;
	width: 335px;
	height: 165px;
	overflow: hidden;
	/*background: yellow;
	filter:alpha(opacity=75);*/
	}
div#forside_right_space {
	float: right;
	width: 335px;
	height: 3px;
	overflow: hidden;
	/*background: lightblue;
	filter:alpha(opacity=75);*/
	}
div#forside_right_middle {
	float: right;
	border: 1px solid black;
	width: 335px;
	height: 205px;
	overflow: hidden;
	/*background: yellow;
	filter:alpha(opacity=75);*/
	}
div#forside_right_bottom {
	float: right;
	border: 1px solid black;
	width: 335px;
	height: 89px;
	overflow: hidden;
	/*background: yellow;
	filter:alpha(opacity=75);*/
	}
div#forside_mm_logo {
	clear: both;
	width: 966px;
	height: 20px;
	text-align: right;
	}
	
	
/**
* Container places the entire
* "page" in the center.
* Ensure to define the width
* of the given design and 
* left to "-(width/2)px"
*/

div#centerContainer {


	
	position: absolute;
	top: 0px;
	width: 966px;
	margin-left:50%;
	left:-483px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

div#topBanner {
	width: 966px;
	height: 148px;
}
/**
* Menu container and menu elements
*/
div#menuContainer, div#productContainer {
	width: 966px;
	height: 35px;

	text-align: left;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;

	color: #FFFFFF;
	
	background-color: #FFFFFF;
	
	background-image: url('topMenuBg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

.topmenu{
	width:468px;
	padding-top:10px;
	padding-left:10px;
	float:left;
}


div#pageBg {
	height:500px;
	background-image: url('pageBg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 2px;
}

div#leftsideContainer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;
	height:440px;
	width: 160px;
	padding: 20px 20px 15px 15px;
	color: #FFFFFF;
	text-align: left;
	/*border: 1px solid red;*/
/*
	background-image: url('contensLeftBg.jpg');
	background-repeat: no-repeat;

	background-position: top left;
*/
}


/**********************************************
* menu 3, leftside
***********************************************/
div#leftsideContainer h1 {
	font-size: 10px;
	font-weight: Bold;
	color: #FFFFFF;
	
	text-transform: uppercase;
	
	margin: 0px;
	padding:0px;
}

/**********************************************
* menu 3, lefside
***********************************************/
div#menu3Container{
	height:360px;
	overflow:auto;
	}

a.menu3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height:18px;
}
a.menu3:link {
	text-decoration: none;
}
a.menu3:visited {
	text-decoration: none;
}
a.menu3:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/**********************************************
* indkoebsforloeb 
***********************************************/

div#indkoebsforloeb{
	line-height:18px;
}

/**********************************************
* Shopping basket, small
***********************************************/
div#smallBasket {
	position: absolute;
	width: 150px;
	top: 100px;
	left: 405px;
	font-size: 10px;
	color: #FFFFFF;
	text-align:right;
	margin-left:5px;
	line-height:14px;

}
div#smallBasket input {
	font-size: 10px;
	color:white;
	background-color: gray;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	border:none;
	/*border:solid 1px;
	border-color:white;*/
	width:115px;
	height:20px;
	cursor:pointer;

	/*border: solid 2px  white;*/
}

/**********************************************
* Content
***********************************************/
div#contentContainer {
	height:468px;
	max-height:468px;
	width: 763px;
	padding-left:5px;
	float:left;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	/*border: 1px solid red;*/
	
	scrollbar-face-color:	#FFFFFF;
	scrollbar-arrow-color:gray;
	scrollbar-shadow-color:gray;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-highlight-color:gray;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	
	overflow-y: scroll;
	overflow-x: hidden;
}

div#content {
	width: 573px;
	padding: 16px;
	/*border: 1px solid green;*/
}

/* See content.css

/**********************************************
* rigthsideContainer
***********************************************/
div#rigthsideContainer {
	/*height: 440px;*/
	/*max-height: 440px;
	overflow-x: hidden;
	overflow-y: auto;	*/
	width: 115px;
	padding-left:15px;
	padding-top:15px;
	padding-right:0px;
	float:right;
	

	
	/*margin-right: 20px;*/
	/*border: 1px solid red;*/
	}

div#rigthsideContainer h1{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/**********************************************
* CustomerLogin
***********************************************/

div#customerLogin{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:left;
	margin-left:5px;
}
A:link.customerlogin,A:visited.customerlogin,A:active.customerlogin,A:hover.customerlogin {
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
}


/*
* Used for displaying given products
* tied to a page 
*/
div.productContainer{
	width:128px;
	background-color:#FFFFFF;
	float:left;
	text-align:center;
	
}
div.productContainer, div.productContainerNewLine{
	height:200px;
	
}

div#productImageContainer{
	height:130px;
	overflow-x:hidden;
}

/* For menu 1 and menu2*/
a.menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
}

a.menu:link {
	text-decoration: none;
}
a.menu:visited {
	text-decoration: none;
}
a.menu:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/**
* When a link in the menu is selected
*/
.selected {
	color: #FFFFFF !important;
}
/**
* Categories, left-menu
* and search-form
*/

input.FrontpageButton{
	font-size: 10px;
	width: 50px;
	
}

div#productSearchContainer {
	margin-left: 5px;
	margin-top: 50px;
	text-align: left;
	font-size: 10px;
}
input#searchFieldInput {
	font-size: 10px;
	width: 50px;
	border: 1px solid #CCCCCC;
	color: #464646;
	width:150px;
}

/**
* forms, - this is needed due to
* IE has a auto margin/padding on
* form-tags.
*/
form {
	margin: 0px;
	padding: 0px;
}
input {
	font-size: 10px;
	color: #000000;
}


div#showProductImage{
	float:left;
	width:320px;
	text-align:bottom;
	height:388px;

	
}

div#showProductInfo{
	float:left;
	padding-top:40px;
	padding-left:40px;
	width:215px;
	
	clear:right; 
	height:388px;
	
}

div#showProductInfo h1{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

div.grayBox {
	background-color: #ececeb;
	padding: 5px;
	margin-top: 6px;
}
div.indexPage {
	padding-left: 18px;
	padding-right: 236px;
	padding-top: 18px;
	padding-bottom: 18px;
	
	height: auto !important;
	height: 250px;
	min-height: 250px !important;
}
/**
* Bottom
*/
div#bottomBar {
	width: 100%;
	height: 1px !important;
	background-color: #424242;
}

/**
* Product pull on the index page
* and when displaying category-
* products.
*/
table#indexProductsTable{
	vertical-align: top;
}
table#indexProductsTable td{
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 10px;
	
	width: 250px;
}
div.indexProducts {
	width: 250px;
}
div.indexProducts h1{
	color: #818181;
}
/**
* Small container
*/
div.smallProductContainer {
	background-color: #ececeb;
	padding: 5px;
	margin-top: 6px;
	height: 70px;
	width: 245px;
	text-align:left;
}
div.smallProductContainer img {
	border-style: none;
	float: left;
}
div.smallProductContainer h1 {
	color: #000000;
	font-size: 10px;
	margin-top: -13px;
}
div.smallProductContainer p {
	margin: 0px;
	pading: 0px;
}
div.smallProductContainer button {
	margin-top: -24px;
	float: right;
}
/**
* large container
*/
div.largeProductContainer {
	background-color: #ececeb;
	padding: 5px;
	margin-top: 6px;
}
div.largeProductContainer img {
	border-style: none;
	float: left;
}
div.largeProductContainer h1 {
	font-size: 10px;
	margin-top: -13px;
}
div.largeProductContainer p {
	margin: 0px;
	pading: 0px;
}
div.largeProductContainer button {
	margin-top: -24px;
	float: right;
}
/**
* A div containing the beforePrice
*/
div.beforePrice {
	margin-top: 27px;
}
div.beforePrice p{
	text-decoration: line-through;
	margin: 0px;
	padding: 0px;
}
/**
* Product price
*/
div.productPrice {
	font-size: 10px;
	font-weight: bold;
}
/**
* Product display in categories
* and many other tables !?!?!
*/
table.forside_vare {
	background-color: #ececeb;
	padding: 5px;
	margin-top: 6px;	
}
table.forside_vare td {
	vertical-align: top;
}
span.overskrift2 {
	font-size: 12px;
	font-weight: bold;
}
span.foerpris {
	text-decoration: line-through;
	margin: 0px;
	padding: 0px;
	
	width: 100px;
}
span.pris {
	font-weight: bold;
	width: 100px;
}
table.checkout2table {
	padding: 0px !imporant;
}
table.checkout2table td{
	padding: 0px !important;
	vertical-align: top !important;
	text-align: left !important;
}
/**
* Ohh man... this is a
* "See more" button, yet
* without any style-class
* set to it!!!
*/
span.pris input {
	position: absolute;
	width: 60px !important;
	right: 250px;
}
/**
* headlines as links
*/
a.varenavn_forside{
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
a.varenavn_forside:link{
	text-decoration: none;
}
a.varenavn_forside:visited{
	text-decoration: none;
}
a.varenavn_forside:hover{
	color: #92baf1;
	text-decoration: none;
}
/**
* Link inside shopping basket
*/
a.opdaterlink{
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
	/*text-transform: lowercase;*/
}
a.opdaterlink:link{
	text-decoration: none;
}
a.opdaterlink:visited{
	text-decoration: none;
}
a.opdaterlink:hover{
	color: #92baf1;
	text-decoration: none;
}
a.opdaterlink img{
	display: none;
}
/**
* shopping-agreements
*/
div.shoppingAgreements {
	overflow: auto;
	
	width: 100%;
	height: 150px;
	
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	border: 1px solid #165197;
}
td.acceptAgreements {
	text-align: center;
	vertical-align: middle;
}
table.creditcardForm {
	font-size: 10px !important;
}
table.norm {
	font-size: 10px !important;
}