/**
* Layout CSS for the given website
*
* use @import statement for getting other
* CSS files in if needed.
*/
 body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url('/styles/background.jpg');
}
/**
* 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: 970px;
	height: 99%;
	margin-left:50%;
	left:-484px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
/**
* The actual text/content of the page.
* This container ensures that in what
* ever browser a min-height is applied,
* so if there is no content, the box
* will remain as defined.
*
* This does quallify as a CSS-hack!
*/
div#content {
	width: 538px;
	height: auto !important;
	height: 450px;
	min-height: 450px !important;
	padding-top: 49px;
	padding-bottom: 33px;
	/*padding-left: 323px;*/
	padding-left: 300px;
	padding-right: 133px;
	background-color: #FFFFFF;
}
/**
* Container for language links
*/
div#languageContainer {
	background-color: #ffffff;
	width: 100%;
	height: 21px;
	margin-bottom: 1px;
	background-image: url('/styles/menuBg.jpg');
}
div#topBanner {
	background-repeat: no-repeat;
	background-position: top left;
	width: 969px;
	height: 149px;
	margin-bottom: 1px;
}
/**
* Menu container and menu elements
*/
div#menuContainer {
	width: 969px;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin-bottom: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	background-image: url('/styles/menuBg.jpg');
}
#toplogo{
	position:absolute;
	top: 40px;
	margin-left:50%;
	left:-450px;
	z-index:1;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
a.menu, a.menu:link,a.menu:visited {
	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:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #99cc33;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
}
/**
* When a link in the menu is selected
*/
.selected {
	color: #BFDBEF !important;
}
/**
* Categories, left-menu
* and search-form
*/
/*div#categoriesContainer {
	font-family:Verdana, sans-serif;
	font-size: 10px;
	position: absolute;
	margin-top: -1px;
	padding-right: 35px;
	width: 178px;
	height: auto !important;
	height: 80px;
	min-height: 80px !important;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url('/styles/menuBg.jpg');
    background-position: ;
	text-align: right;
}
*/
div#categoriesContainer {
    font-family:Verdana, sans-serif;
    font-size: 10px;
    position: absolute;
    margin-top: -1px;
    padding-right: 35px;
    padding-left: 25px;
    width: 178px;
    height: auto !important;
    height: 80px;
    min-height: 80px !important;
    color: #FFFFFF;
    background-color: #FFFFFF;
    background-image: url('/styles/menuBg.jpg');
    background-position: -30px;
    text-align: left;
}

a.menusub, a.menusub:link,a.menusub:visited  {
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;    
    text-decoration: none;
    display: block;
    margin-top:8px;
}
a.menusub:hover {
    color: #99cc33;
    text-decoration: none;
}

a.menusubsub, a.menusubsub:link, a.menusubsub:visited, a.menusubsub:hover{
    font-size: 10px;
    font-weight: normal;
    color: #99cc33;    
    text-decoration: none;
    display: block;
    margin-top:8px;
    margin-left: 15px;
}

a.menusubsubsub, a.menusubsubsub:link,a.menusubsubsub:visited, a.menusubsubsub:hover{
    font-size: 10px;
    font-weight: normal;
    color: #99cc33;    
    text-decoration: none;
    display: block;
    margin-top:8px;
    margin-left: 30px;
    font-weight: bold;
}


div#nyhedsbrevContainer {
	font-family:Verdana, sans-serif;
	font-size: 10px;
	padding-left:20px;
	width: 193px;
	/*height: auto !important;
	height: 80px;
	min-height: 80px !important;*/
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
}
div#categoriesContainer h1 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 21px;
}
a.leftmenu {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;	
	text-decoration: normal;
	margin-top: 6px;
	display: block;
}
a.leftmenu:link {
	text-decoration: none;
	margin-top: 6px;
}
a.leftmenu:visited {
	text-decoration: none;
}
a.leftmenu:hover {
	color: #99cc33;
	text-decoration: none;
}
a.leftmenuLevel2 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;	
	text-decoration: none;
	margin-top: 2px;
	margin-right: 10px;
	display: block;
}
a.leftmenuLevel2:link {
	text-decoration: none;
}
a.leftmenuLevel2:visited {
	text-decoration: none;
}
a.leftmenuLevel2:hover {
	color: #BFDBEF;
	text-decoration: none;
}
div#productSearchContainer {
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 0px !important;
}
input.searchFieldInput {
	font-size: 10px;
	width: 100px;
	margin: 0px;
	border: 1px solid #CCCCCC;
	color: #464646;
}
input.searchFieldSubmit {
	border: 1px solid #CCCCCC;
	color:black;
	margin: 0px;
	font-family:Verdana, sans-serif;
	font-size:10px; 
	background-color:#ececec;
}
div#categoriesContainerBottom {
	/*margin-top: 0px;
	width: 213px;
	height: 13px;
	background-image: url('../grafik/catContainerBottom.jpg');
	background-repeat: no-repeat;
	background-position: top left;*/
	width: 213px;
	height: 13px;
	background-image: url('/styles/catContainerBottom.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 0px;
	margin-right: -35px;
	background-color: #FFFFFF;	
}
div#credircardChoise {
	width: 213px;
	height: 25px;
	margin-right: -35px;
	background-image: url('/styles/betalingskort.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #FFFFFF;
}
/**
* 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;
}
/**
* Shopping basket, small
*/
div#shopBasketSmallContainer {
	width: 729px;
	height: 26px;
	background-image: url('styles/shopBasketSmallContainerBg.jpg');
	padding-left: 229px;
	padding-right: 11px;
	padding-top: 6px;
	padding-bottom: 5px;
	background-color: #e3eaf3;
	color: #000000;
	font-size: 10px;
}
div#shopBasketSmallContainer h1 {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
div#smallBasket {
	position: absolute;
	top: 176px;
	right: 2px;
	text-align:right;
}
div#smallBasket button {
	font-size: 10px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 90px;
	margin-bottom: 4px;
	/*border: 1px solid #FFFFFF;
	background-color: ##e3eaf3;*/
}
div#smallBasket td {
	padding-left: 2px;
	padding-right: 2px;
}
/**
* some few page specific styles
* that cannot be allowed inside
* the content.css
*/
hr {
 	height: 1px;
	color: #cccccc;
}
div.grayBox {
	background-color: #ececec;
	padding: 5px;
	margin-top: 6px;
	width:520px;
}
div.indexPage {
	padding: 18px;
}
/**
* Bottom
*/
div#bottomBar {
	width: 100%;
	height: 1px;
	background-color: #165197;
}
/**
* Multimarketing logo
*/
div#mmLogo {
	width: 11px;
	height: 99px;
	position: absolute;
	right: -13px;
	bottom: 100px;
	cursor: pointer;
}
/**
* 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: 270px;
}
/**
* Small container
*/
div.smallProductContainer {
	background-color: #ececec;
	padding: 5px;
	margin-top: 6px;
	height: 110px;
	width: 260px;
}
div.smallProductContainer_image {
    height: 110px;
    width: 110px;
    float:left;
}

div.smallProductContainer img {
	border-style: none;
	float: left;
}
div.smallProductContainer h1 {
	font-size: 10px;
}
div.smallProductContainer p {
	margin: 0px;
	padding: 0px;
}
div.smallProductContainer input {
	margin-top: -5px;
	margin-right: 2px;
	float: left;
}
/**
* large container
*/
div.largeProductContainer {
	background-color: #ececec;
	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: 0px;
}
div.beforePrice p{
	text-decoration: line-through;
	margin: 0px;
	padding: 0px;
}
/**
* Product price
*/
div.productPrice {
	font-size: 10px;
	font-weight: bold;
	height:10px;
}
/**
* Product display in categories
* and many other tables !?!?!
*/
table.forside_vare {
	background-color: #ececec;
	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: 150px;
}
span.pris {
	font-weight: bold;
	width: 150px;
	text-align:right;
}
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: 180px;
}
/**
* headlines as links
*/
a.varenavn_forside{
	font-size: 10px;
	font-weight: bold;
	color: gray;
	text-decoration: none;
}
a.varenavn_forside:link{
	font-weight: bold;
	text-decoration: none;
	color: gray;
}
a.varenavn_forside:visited{
	font-weight: bold;
	color: gray;
	text-decoration: none;
}
a.varenavn_forside:hover{
	color: #84c73c;
	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: 95%;
	height: 150px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #165197;
}
td.acceptAgreements {
	text-align: center;
	vertical-align: middle;
}