/* MIJNWINKEL HELP - BASE LAYOUT STYLES */
/******************************************************
*
*					RESET TAGS
*
******************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,object {margin:0;padding:0;}
table {/*border-collapse:collapse; */border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul,dl{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
abbr,acronym {border:0;}
a img{border:0; outline:none; color:inherit;}
a{outline:none; cursor: pointer;}
.clear{clear:both;}
hr{color: #eee; background: #eee; line-heigth: 1px; height: 1px; border:none;}
/******************************************************
*
*					GENERAL LAYOUT
*
******************************************************/
html, body{height:100%;}

form#data{
	display:inline;
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	form#data  {display:block; height:100%;}
}


body{	
	text-align:left;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background:#f9fbfc;
}

.show{display:block;}
.hide{display:none;}


#myshp_editor_wrapper, #myshp_editor_footer{
	width:923px;
	margin: 0px auto;
	min-width:900px;
}

#myshp_editor_wrapper{
	padding: 0 20px 0px 21px;	
	min-height: 100%;					
	margin: 0px auto -40px !important; 	/* the bottom margin is the negative value of the footer's height */
	position:relative;
	background: #fff;
}

* html #myshp_editor_wrapper{
	height: 100%;
}

#myshp_editor_container{
    clear:both;
}

#borderLeft{
	position:absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 4px;
	background: transparent url(../styles/pic/mijn_border_left.gif) repeat-y 0 0;
}

#borderRight{
	position:absolute;
	bottom: 0;
	right:-1px; 		/* hide background jog in IE6*/
	height: 100%;
	width: 4px;
	background: transparent url(../styles/pic/mijn_border_right.gif) repeat-y 0 0;
}

* html #borderRight,
* html #borderLeft{height:1000em}	/* for ie6 - height bigger than page will ever be*/


.myshp_editor_clear_footer{/*Top push the footer to the bottom in large pages*/
	height: 40px; 
	clear: both;
}

#myshp_editor_footer{
	clear:both;
	position: relative;
	text-align: center;
}


#myshp_editor_menu_bottom{
	margin-bottom: 5px;
}

#myshp_editor_menu_bottom li{
	margin: 0 15px;
	display:inline;
}


#myshp_editor_header{
	margin:0 auto;
	padding:5px 0px 0px;
}
		
		#myshp_editor_logo{
			float:left; 
		}
		
			#myshp_editor_logo h1 a{
				display: block;
				text-indent: -6000em;
				width: 287px;
				height: 60px;
				outline: none;
			}
				
		#myshp_editor_top_right_menu{
			margin: 15px 0 0;
			float:right;
			color: #777777;
		}
		
		#myshp_editor_top_right_extra_info{
			float:left;	
			width: 230px;	
			text-align: left;		
		}
		
		#myshp_editor_top_right_extra_info a:link,
		#myshp_editor_top_right_extra_info a:hover,
		#myshp_editor_top_right_extra_info a:active,
		#myshp_editor_top_right_extra_info a:visited{
			color: #0000ff;
		}
		
		#myshp_editor_top_right_links{
			float:right; 
			text-align: right;
			width: 380px;
		}
		
		#myshp_editor_top_right_links .myshp_editor_top_right_link, .myshp_editor_top_divisor{
			float:right;
		}
		
		#myshp_editor_top_right_links a:link, 
		#myshp_editor_top_right_links a:hover, 
		#myshp_editor_top_right_links a:active, 
		#myshp_editor_top_right_links a:visited{
			color: #777777;
			text-decoration: none;
		}
	
			.myshp_editor_selected_language{
				float:right;
				font-size: 11px;
				color: #7d7d7d;
				position: relative;
				padding: 0 10px 0 0;
				text-align: left;
				background: transparent url(../styles/pic/arrow_down.gif) no-repeat right 5px;
				cursor: pointer;
				position: relative; 
			}
			
			.myshp_editor_language{
				padding-left: 18px;
				height:13px;
				vertical-align:middle;
			}
			
			#myshp_editor_languages{
				width: 100px;
				position:absolute;
				top: 14px;
				/*right: 68px;*/ left:0;
				z-index: 3;
				background: #FFF; 
				display:none;
				text-align: left;
			}
			
			#myshp_editor_languages li{
				display:block;
				clear: both;
			}
			
			#myshp_editor_languages a{
				display:block;
				clear: both;
				margin-top: 3px;
				margin-bottom: 3px;
			}
			
			#myshp_editor_languages a:hover{
				color: #444644 !important;
				background-color:#CCCCCC;
			}
			
			#myshp_editor_languages a span{padding:3px 0;}
			
		
			.myshp_editor_language_en{
				background: transparent url(../styles/pic/flag-gb.gif) no-repeat left 0px;
			}
			.myshp_editor_language_nl{
				background: transparent url(../styles/pic/flag-nl.gif) no-repeat left 0px;
			}			
			.myshp_editor_language_de{
				background: transparent url(../styles/pic/flag-de.gif) no-repeat left 0px;
			}
			.myshp_editor_language_fr{
				background: transparent url(../styles/pic/flag-fr.gif) no-repeat left 0px;
			}
			.myshp_editor_language_es{
				background: transparent url(../styles/pic/flag-es.gif) no-repeat left 0px;
			}
			.myshp_editor_language_pt{
				background: transparent url(../styles/pic/flag-pt.gif) no-repeat left 0px;
			}
			.myshp_editor_language_pl{
				background: transparent url(../styles/pic/flag-pl.gif) no-repeat left 0px;
			}
			.myshp_editor_language_se{
				background: transparent url(../styles/pic/flag-se.gif) no-repeat left 0px;
			}
			.myshp_editor_language_cz{
				background: transparent url(../styles/pic/flag-cz.gif) no-repeat left 0px;
			}
			.myshp_editor_language_it{
				background: transparent url(../styles/pic/flag-it.gif) no-repeat left 0px;
			}
			.myshp_editor_language_ru{
				background: transparent url(../styles/pic/flag-ru.gif) no-repeat left 0px;
			}
			.myshp_editor_language_no{
				background: transparent url(../styles/pic/flag-no.gif) no-repeat left 0px;
			}
			
			.myshp_editor_section_options_description a:link,
			.myshp_editor_section_options_description a:hover,
			.myshp_editor_section_options_description a:active,
			.myshp_editor_section_options_description a:visited{
				color: #0000ff;
			}
			
/******************************************************
*
*					CONTENT
*
******************************************************/
#myshp_editor{
	float: right;
	width: 640px;
	padding: 16px 0px;
	position:relative;
}

#myshp_editor.myshp_editor_large{
	width: 100%;
}

#myshp_editor.myshp_editor_large .myshp_editor_section_options_item{
	width:164px;
	margin-left: 20px;
	_margin-left: 15px;
}

#myshp_editor .myshp_editor_section_options{
	padding:0px 0px 20px;
	margin-bottom:10px;
	position:relative;
	overflow: hidden;
	border:1px solid #6492cc;
}

	#myshp_editor .myshp_editor_section_options_title{
		clear: both;
		width: 100%;
		padding: 5px 0px;
		height: 15px;		
		text-align: left;
		position:relative;
		font-size: 13px;
		font-weight: bold;
		color: #0c37a0;
		border-bottom: 1px solid #6492cc;
		background: url(../styles/pic/bg_help_search_top.gif) repeat-x 0 0;
	}
	
		#myshp_editor .myshp_editor_section_options_title_icon{
			display:block;
			height: 20px;
			padding-left:15px;
		}
	
		#myshp_editor .myshp_editor_section_options_title span{
			margin: 0 0 0 10px;
		}
	
	#myshp_editor .myshp_editor_section_options_description{
		padding: 15px;
	}
	
		#myshp_editor .myshp_editor_section_options_item{
			display:block; 
			float:left;
			width:270px;
			overflow:hidden;
			cursor:pointer;
			margin-top:10px;
			margin-left: 25px;
			position:relative;
			text-decoration: none;
		}
		
		#myshp_editor div.myshp_editor_section_options_item{
			cursor: auto;
		}
		
			#myshp_editor .myshp_editor_section_options_item_icon,
			#myshp_editor .myshp_editor_section_options_item_data{
				float:left;	
			}
			
			#myshp_editor .myshp_editor_section_options_item_icon{
				width:50px;
				height:50px;
				border:none;
				background-repeat:no-repeat;
				background-position: 0 0;
			}
			
			#myshp_editor .myshp_editor_section_options_item_data{
				width:100%;
				margin-left:-50px;
			}
			
				#myshp_editor .myshp_editor_section_options_item_title,
				#myshp_editor .myshp_editor_section_options_item_description{
					display:block;
					margin:0;
					padding:0;
					padding-left:55px;
				}
				
				
				#myshp_editor .myshp_editor_section_options_item_title{
					margin-top:10px;
					color:#000000;
				}
				
					#myshp_editor .myshp_editor_section_options_item_description a:link,
					#myshp_editor .myshp_editor_section_options_item_description a:active,
					#myshp_editor .myshp_editor_section_options_item_description a:hover,
					#myshp_editor .myshp_editor_section_options_item_description a:visited{
						text-decoration:underline;
						color:#7b797b;
					}			

	#myshp_editor_footer{
		color:#7b797b;
	}	
			
	#myshp_editor_footer a:link,
	#myshp_editor_footer a:hover,
	#myshp_editor_footer a:active,
	#myshp_editor_footer a:visited{
		color: #0000ff;
	}

/******************************************************
*
*				HELP SECTION
*
******************************************************/
#myshp_editor .title_icon_help{
	background: url(../styles/pic/h-help.gif) no-repeat -2px -4px;
}

.myshp_editor_page_help_ask #myshp_editor #myshp_editor_help_section_top_search .title_icon_help{
	background: url(../styles/pic/t-help.gif) no-repeat 0 0;
}

.myshp_editor_page_help #myshp_editor_logo h1 a{
	background: url(../styles/pic/main_logo.png) no-repeat 0 0 !important;
}

.myshp_editor_page_help #myshp_editor_logo.myshp_editor_logo_myshop h1 a{
	background: url(../styles/pic/main-myshop-logo.gif) no-repeat 0 0 !important;
}

.myshp_editor_page_help #myshp_editor_header{
	height: 90px;
	border-bottom: 1px solid #D6D6D6;
}

.myshp_editor_page_help #myshp_editor .myshp_editor_section_options{
	padding-bottom: 10px;
}

#myshp_editor_help_section{
	border:1px solid #6492cc;
}

#myshp_editor_help_section_main{
	position: relative;
	/*height:400px*/
}

#myshp_editor_help_section_top_search{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	/*height:55px;*/
	/*background: url(../styles/pic/bg_help_search_top.gif) repeat-x 0 0;*/
}	

#myshp_editor_help_section_top_title{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#myshp_editor_help_section_top_title h2{
	background-image: none !important;
	border-bottom: none !important;
}


.myshp_editor_page_help_ask #myshp_editor_help_section_top_search{
	position:relative;
}
.myshp_editor_page_help_ask #myshp_editor_help_section_top_title{
	position:relative;
	height: 55px;
	background-color:#a4c9fb;
	background-image: url(../styles/pic/bg_help_search_top.gif);
	background-repeat: repeat-x;
	backgroundPosition: 0 0;
	border-bottom:1px solid #000;
}

.myshp_editor_page_help_ask iframe#main{
	overflow:auto;
}

#myshp_editor_help_section_top_search_form{
	position: absolute;
	top: 20px;
	left: 250px;
}

#myshp_editor_help_section_top_search table td{
	padding-left: 5px;
}


/*ICONS*/
.myshp_editor_icon_back{
	background: url(../styles/pic/back.gif);
}
.myshp_editor_icon_help_general{
	background: url(../styles/pic/help_general.gif);
}
.myshp_editor_icon_help_question{
	background: url(../styles/pic/help_question.gif);
}
.myshp_editor_icon_help_own_layout{
	background: url(../styles/pic/help_make_own_layout.gif);
}
.myshp_editor_icon_help_manuals{
	background: url(../styles/pic/help_manuals.gif);
}
.myshp_editor_icon_newsletters{
	background: url(../styles/pic/newsletters.gif);
}