/*************************************************************/
/*   Author1: R. Samsig (rs@jurland.com)										 */             
/*   Date:    21. July 2009                                  */
/*-----------------------------------------------------------*/
/*************************************************************/

@import url('colorKids_pngCrossfix.css');


/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

body {
  background-color:#e4df2a; 
  background-color:#a1e8ef;
  background-image:url("/files/Billeder/colorKids/bg_W2010.gif");
  background-repeat: no-repeat;
  background-position:top left;
  height:100%;
  padding:0px;
  margin:0px;
  }


#master{
	position:relative;
	top:0px;
	left:0px;

  
}  

/****************************/
/* SECTION 2 - PAGE CONTENT */
/****************************/

#content { 
  position: relative;
  width:1057px;
  border:0px solid white;
  padding:0px;
  top:0px;
  margin: 0px auto;
  overflow:hidden !important;
  z-index:1;
}

img {
	border: 0px;
} 

/****************************************/
/* SECTION 2.1 - PARAGRAPHSETUP CONTENT */
/****************************************/



/*******************************************/
/* SECTION 999 - ParagraphSetup 2 Kolonner */
/*******************************************/

#leftContent{
float:left;
width:207px;
height: auto;
min-height: 394px;
background-color:;
padding:0px 0px 0px 35px;
margin:104px 0px 0px 14px;
}

*html #leftContent{
position:relative;
float:left;
width:160px;
height: auto;
min-height: 394px;
background-color:;
padding:0px 0px 0px 35px;
margin:100px 0px 0px 15px;
}

#column-two_2K{
float:left;
width:776px;
height: auto;
min-height: 394px;
background-color:;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#column-two_3K{
float:left;
width:766px;
height: auto;
min-height: 394px;
background-color:;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#column-three_3K{
float:left;
width:255px;
height: auto;
min-height: 725px;
background-color:;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#kontakt_1K{
float:left;
width:280px;
height: auto;
min-height: 394px;
background-color:;
padding:0px 100px 0px 0px;
margin:0px 0px 0px 14px;
}
#kontakt_2K{
float:left;
width:360px;
height: auto;
min-height: 394px;
background-color:;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.afsnit_50{
width:350px;
background:;
float:left;
height:65px;
}

.afsnit_70{
width:500px;
background:;
float:left;
}

.afsnit_30{
float:left;
width:242px;
min-height:520px;
margin-left:20px;
margin-top:10px;
background-image: url(/files/Billeder/colorKids/formbg.png);
background-repeat:no-repeat;
background-position:top left;
}

.afsnit_30 form{
width:215px;
padding:10px;
}

.afsnit_30 input{
float:left;
text-align:left;
margin-left:0px;
}

#newsColumn1{
	background:;
	width:420px;
	float:left;
	margin-left:14px;
	margin-right:55px;
}

#newsColumn2{
	background:;
	width:250px;
	float:left;
}

.centerpos{
padding-left:15px;
padding-right:0px;
padding-top:5px;
padding-bottom:0px;
}
.leftpos{
padding-left:15px;
padding-right:0px;
}
.rightpos{
padding-left:0px;
padding-right:0px;
}

.paragraph{
background-color:;
}

/*************************************/
/* SECTION 998 - Opera 9 fix to hide overflow */
/*************************************/
@media all and (min-width:0px) {
 head~body #content{ 
 position:relative !important;
}
}
/*-----------------------------------*/
/* 2.2 - HEADER, footer and logo */
/*-----------------------------------*/
#header{
  position:relative;
  margin-top:25px;
  height:45px;
  border:0px solid white;
}

#infobox{
float:left;
width:242px;
height:114px;
margin-top:13px;
margin-right:10px;
}

.infobox_text{
margin-top:12px;
margin-left:10px;
}

#fronpage_images{
float:left;
width:745px;
height:362px;
margin-right:0px;
color:#ffffff;
}

#fronpage_images h3{
margin-right:20px;
font-size:26px;
font-weight:normal;
font-family:Tahoma;
margin-top:20px;
}

#newsletter{
position:absolute;
left:50px;
margin-bottom:15px;
bottom:0;
}

#newsletter p{
font-size:13px;
color:#9d032a;
font-weight:bold;
margin-left:3px;
}

#infobox h3{
padding:0px;
margin:0px;
color:white;
margin-left:10px;
margin-top:5px;
font-size:15px;
font-weight:italic;
font-family:Tahoma;
}

#infobox p{
color:black;
width:160px;
margin-left:10px;
margin-top:10px;
font-size:11px;
font-family:Tahoma;
}


#footer small {
	font-size: 9px;
	color: #ffffff;
	font-family:verdana;
	}


/*--------------------------*/
/* 3 - Navigation - LEVEL 1 */
/*--------------------------*/

#toplinks_layer{
position:absolute;
top:0px;
right:0px;
margin: 0 0 0 0;
padding:0 0 0 0;
}

#toplinks ul{	
padding:0 0 0 0;
margin:20px 38px 0 0;
white-space: nowrap;
font-size:1.1em;
color:#ffffff;
list-style:none;
float:right;
z-index:9999;
}

#toplinks ul li{
display:inline;
list-style:none;
}

#toplinks ul li a{
margin: 0 0 0 0;
padding: 0px 35px 0px 0px;
color: #ffffff;
font-size:12px;
font-weight:;
text-decoration:none;
font-family:Tahoma;
float: left;
border-right:0px solid #cccccc;
}

/*#toplinks ul li a:hover{
color: #ffffff;
text-decoration:none;
border-right:0px solid #cccccc;
}*/

#toplinks a.lastitem{
border:0px;
}

#toplinks ul li a.lastitem{
padding: 0px 0px 0px 0px;
}

#toplinks ul li a#activeitem{
text-decoration:none;
border-right:0px solid #cccccc;
}

/*--------------------------*/
/* 4 - Navigation - SHOP - leftmenu */
/*--------------------------*/

#leftmenu ul{
padding:0 0 0 0;
margin:0px 0px 0px 0px;
width:150px;
white-space: nowrap;
float:left;
list-style:none;
}

*html #leftmenu ul li{
	background-color:transparent;
	
}

#leftmenu ul.M1{
padding:0 0 0 0;
margin:0px 0px 0px 10px;
width:150px;
white-space: nowrap;
float:left;
list-style:none;
}

#leftmenu ul li{
display:inline;
list-style:none;
}

#leftmenu ul li a{
margin: 5px 0 0 0;
padding: 0px 0px 0px 20px;
width:150px;
color: #414141;
font-weight:normal;
font-size:13px;
text-decoration:none;
font-family:Tahoma;
float: left;
}

#leftmenu ul.M1 li a{
margin: 5px 0 0 0;
padding: 0px 0px 0px 20px;
width:150px;
color: #414141;
font-weight:normal;
font-size:11px;
text-decoration:none;
font-family:Tahoma;
float: left;
}

#leftmenu ul li a:hover{
color: #414141;
background-image: url(/files/Billeder/colorKids/hover_icon.jpg);
background-repeat:no-repeat;
background-position:top left;
text-decoration:none;
border-right:0px solid #cccccc;
}

#leftmenu a.lastitem{
border:0px;
}

#leftmenu ul li a.lastitem{
padding: 0px 0px 0px 20px;
}

#leftmenu ul li a.inpath{
font-weight:bold;
}

#leftmenu ul li a#activeitem{
text-decoration:none;
font-weight:bold;
}


/*---------------------------*/
/* 7.0 - Global IE 6.0 HACKS */
/*---------------------------*/
.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0px 0.2em 0px 0.3em;}
.box-off {display: none;}
* html box-on {width: 1%;}
/*height: auto !important; /* for modern browsers */
/*height: 300px; /* for IE5.x and IE6 */
/*min-height: 300px; /* for modern browsers */*/
/* STYLE PAA 'a href' sikre hojre og venstre margin/padding*/


/*-----------------------------*/
/* 7.1 - TOOLS  */
/*-----------------------------*/

/*	filter:alpha(opacity=100);*/
/*	opacity:1.0;*/
/*  left: 50%;/*some magic to align the element in the center;*/
/* width: 800px;*/
/*  margin-left: -400px;/* half of the width */

/*-----------------------------*/
/* 7.2 - Horizontal alignments */
/*-----------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {display:hidden;}

/*************************/
/* SECTION 9 - IE 6.0 */
/*************************/

/*************************/
/* SECTION 9 - eCom SHOP */
/*************************/
#productholder{
overflow:;
position:relative;
width:100%
top:0px;
left:0px;
}

#product_img{
width:300px;
height:450px;
padding:0px;
margin:0px;
float:left;
}

*html #product_img{
position:relative;

width:300px;
height:450px;
padding:0px;
margin:0px;
float:left;
}

#product_thumb{
position:absolute;
top:17px;
right:15px;
width:380px;
height:242px;
padding:0px;
margin:0px;
border:0px solid #a7a9ac;
}

*html #product_thumb{
position:relative;
top:17px;
left:40px;
width:380px;
height:242px;
padding:0px;
margin:0px;
border:0px solid #a7a9ac;
}

a.product_link:hover img {
	border:1px solid #CC0000;
}

#Group_Description{
	color:#d1d3d4;
	font-size:10px;
	margin-top:0px;
	display:block;
	margin-bottom:5px;
	margin-left:5px;
	height:14px;
	overflow:hidden;
}


#product_thumb a{
float:left;
margin-bottom:11px;
}

span.listitem0 img{
float:left;
width:113px;
height:113px;
border:1px solid #a7a9ac;
margin-right:0px;
}
span.listitem1 img{
float:left;
width:113px;
height:113px;
border:1px solid #a7a9ac;
margin-right:12px;
}
span.listitem2 img{
float:left;
width:113px;
height:113px;
border:1px solid #a7a9ac;
margin-right:12px;
}

#productlistnavigation{
margin-top:10px;
color:#939598;
font-size:11px;
display:block;
clear:both;
border:0px solid blue;
width:370px;
}

img.showTrue{
display:block;
}

img.showFalse{
display:none;
}

img.show{
display:none;
}

#PrimoDescription{
		display:block;
		border:0px solid gray;
		position:absolute;		
}

*html #PrimoDescription{
		position:relative;
		margin-left:200px;
		left:450px;
		width:380px;
		right:0px;	
		float:right;
}


*html .RelatedDescription{
		position:relative;
		margin-left:200px;
		left:450px;
		width:380px;
		right:0px;	
		float:right;
}


.productFactBox{
		display:none;	
		float:left;
		position:absolute;	
		width:370px;
		height:210px;
		margin-top:2px;
}
				
.productFactBoxText{
		display:none;	
		padding-top:5px;
		position:absolute;	
		width:370px;
}

#productimage img{
float:left;
margin-right:5px;
margin-bottom:5px;
}

/*#div1,#div2,#div3,#div4,#div5,#div6,#div7,#div8,#div9,#div10,#div11,#div12,#div13,#div14,#div15,#div16,#div17,#div18,#div19,#div20,#div21,#div22,#div23,#div24,#div25,#div26{
	position:absolute; 
	visibility:hidden;
  top: 100; left: 200; 
  width:200;
  height:200px;
}*/


/*****************************/
/* SECTION 10 - Storelocator */
/*****************************/

div.mainSearchDiv {
		margin-left:30px;
		width: 215px;
		border:0px solid gray;
		float:left;		
		color:#a2a2a2;
		font-weight:bold;
		height:430px;
		overflow:hidden;
	}
	
	.scroll{
		height:357px;
		overflow:auto;
		width: 200px;
	}
	
	div.mainSearchDiv a {
	color:#a2a2a2;
	font-weight:bold;
	}

	
	div#storeLocator{
		background-image: url(/files/Billeder/colorKids/store_map.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		float:left;
		border:0px solid red;
		width:775px;
		height:514px;
	
	}
	
	#storeLocator h2{
	color:#9d032a;
	font-weight:;
	font-family:Tahoma;
	font-size:20px;
	padding:10px 0px 20px 30px;
	}
	
	.overskift_storelocator{
	color:#9d032a;
	font-size:14px;
	font-family:Tahoma;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	}
	
	#ipaper img{
	height:auto;
  width:auto;
  float:left;
  text-align:center;

	}
	
	#ipaper a{
		color:#9d032a;
		margin-left:0px;
	}
	
	.paragraph_image_left img{
		
	 float:left;
	 clear:both;
	 margin-top:10px;
	 margin-right:15px;
	 margin-bottom:0px;
	}
	
	.paragraph_image_right img{
		border:1px solid blue;
	}
	
	#vaerdatvide a{
		font-weight:bold;
		font-size:11px;
		font-family:Tahoma;
	}

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:200px; height:400px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:400px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:376px;
  background:transparent;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:6px; height:20px;
  background-color:#9d032a;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 

.ipaperFloat {
	float:left;
	margin-right:20px;
}