/**

* 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");



html,body {

	height:100%;

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

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

}

/**

* 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 {

	

	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;



	position: absolute;

	top: 0px;

	width: 966px;

	margin-left:50%;

	left:-483px;

	border: 0px solid black;

	background-color: #FFFFFF;

}



div#topBanner {

	width: 966px;

	height: 120px;

}

/**

* 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('/styles/topMenuBg.jpg');

	background-repeat: no-repeat;

	background-position: top left;

	}



div#menuContainer{

color: #C0C0C0;

}



.topmenu1 {

	

	width:568px;

	margin-top:10px;

	margin-left:10px;

	float:left;

	}



.topmenu2 {

	

	width:368px;

	margin-top:10px;

	margin-left:10px;

	float:left;

	}



div#pageBg {

	width: 100%;

	height:475px;

	background-image: url('/styles/pageBg.jpg');

	background-repeat: no-repeat;

	background-position: top left;

	padding-top: 2px;

	}



div#leftsideContainer {

	float:left;

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

	font-size: 10px;

	height:468px;

	width: 174px;

	padding:10px;

	color: #FFFFFF;

	text-align: right;

	

	/*border: 1px dotted silver;*/

	

/*

	background-image: url('contensLeftBg.jpg');

	background-repeat: no-repeat;



	background-position: top left;

*/

}





/**********************************************

* menu 3, lefside

***********************************************/

div#leftsideContainer h1 {

	font-size: 10px;

	font-weight: Bold;

	color: #FFFFFF;

	

	text-transform: uppercase;

	

	margin: 0px;

	padding:0px;

}



/**********************************************

* menu 3, lefside

***********************************************/

div#menu3Container{

	height:300px;

	overflow:auto;

	/*border: 1px dotted silver;*/

}



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 {

	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 {

	float:right;

	height: 468px;

	width: 750px;

	padding-left: 5px;

	padding-right: 0px;

	margin-right: 2px;

	overflow-x: hidden;

	overflow-y: auto;

	/*border: 1px solid silver;*/

	}

div#content {

	width: 570px;

	padding-top: 16px;

	padding-left: 15px;

	/*border: 1px solid silver;*/

	}



div#forsideContentContainer {

	height: 469px;

	max-height: 469px;

	width: 760px;

	padding-left: 1px;

	padding-top: 0px;

	/*padding-left:5px;*/

	/*float:left;*/

	overflow-x: hidden;

	overflow-y: hidden;

	border: 0px solid red;

	}

div#content_forside {

	width: 624px;

	height: 470px;

	overflow:hidden;

	padding-top: 0px;

	/*padding-left: 20px;*/

	/*border: 1px solid pink;*/

	}

	



/* See content.css



/**********************************************

* rigthsideContainer

***********************************************/

div#rigthsideContainer {

	width: 110px;

	padding-left:8px;

	padding-top:15px;

	padding-right:15px;

	float: right;

	}



div#rigthsideContainer h1{

	font-size: 11px;

	font-weight: bold;

	color: #000000;

	margin-top: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	}





/**********************************************

* Logo

***********************************************/

div.logo {

	margin-left:850px;

}



/**********************************************

* 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:168px;

	overflow-x:hidden;

	}



/* For menu 1 and menu2*/

a.menu1 {

	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.menu2{

color: #C0C0C0;

}



a.menu1:link, a.menu2:link {

	text-decoration: none;

}

a.menu1:visited, a.menu2:visited {

	text-decoration: none;

}

a.menu1:hover, a.menu2:hover {

	color: #C0C0C0;

	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;

}





/**

*

*/



#gateway{

	background-image: url('/styles/pageBg.jpg'); 

	background-repeat: no-repeat;	

	width: 100%; 

	height:475px; 

	padding-top: 2px;\

}



/**

* forms, - this is needed due to

* IE has a auto margin/padding on

* form-tags.

*/

form {

	margin: 0px;

	padding: 0px;

}

input {

	font-size: 9px;

	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;

}

#map {

	background-color: #FFFFFF;

	border: grey solid 1px;

	background-image: url(../../images/danmarkskort.png);

	width: 286px;

	height: 345px;


	position: relative;

}

.dot {

	position: absolute;

	/**/

	background-image: url('../images/prik.png');

	background-repeat: no-repeat;

	width: 7px;

	height: 7px;

	z-index:1;

	/*display: table;*/

}

.popup_dot {
   
    width: 140px;
    /*background-color: #E4E4E4;
    border: 1px solid #999999;  */
    margin-left: 15px;
    padding:5px;
    
    
    z-index: 999;
}

#popup_dealer{
    padding-bottom :40px;
    padding-left: 10px;

}

#valgt {

	background-image: url('../../images/prik-blaa.png');

}

#chosen {

	font-weight: bold;

}

.error {

	margin-left: 7px;

	color: red;

	font-weight: bold;

}

.succes {

	margin-left: 7px;

	font-weight: bold;

}