/******************************************************
*
*					GENERAL TAGS
*
******************************************************/

html {
text-align:center;
}

body {
padding: 0 0 70px;
margin:0;
text-align:center;
}

#wrapper{ /*toevoeging, enno@spaarnewebdesign.nl*/
margin:0 auto;
text-align:left;
position:relative;
width:1000px;
}

td {
font: 12px arial;
text-align:left;
}

td.align-right {
	font: 12px arial;
	text-align:right;
}
td.align-center{
	font: 12px arial;
	text-align:center;
}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
}

h2#pageHeader{
padding-top:1em;
padding-bottom:0.7em;
}

h3#subHeader{
padding-top:0.8em;
padding-bottom:0.5em;
}


.clear{
clear:both;
}

table{
border-collapse:collapse;
border-color:#ccc;
}

/******************************************************
*
*						HEADER
*
******************************************************/

#myshp {
	width: 100%;
	text-align:left;
	margin: 0 auto;
	padding: 0;
}

#myshp_header {
	display: block;
	width: 100%;
	height: 290px;
	overflow:hidden;
	position:relative;
}

#myshp_logo {
		display: block;
		background: url(leeg.gif) no-repeat left top;
		float:left;
		height:290px;
		width:1000px;
}


#couch{ /*zie produktlijst en moreinfo kussens, div als paceholder voor de bank, in plaats van het logo*/
position:absolute;
top:0;
left:0;
height:290px;
width:1000px;
background:#FFF url(https://myshop.s3-external-3.amazonaws.com/shop516200.pictures.label_bank.jpg) no-repeat left bottom;
}

#table{ /*zie produktlijst en moreinfo tafeltextiel, div als paceholder voor de tafel, in plaats van het logo*/
position:absolute;
top:0;
left:0;
height:290px;
width:1000px;
background:#FFF url(https://myshop.s3-external-3.amazonaws.com/shop516200.pictures.label_tafel.jpg) no-repeat left bottom;
}

#tableTwo{ /*zie produktlijst en moreinfo tafeltextiel, div als paceholder voor de tafel, in plaats van het logo*/
position:absolute;
top:0;
left:0;
height:290px;
width:1000px;
background:#FFF url(https://myshop.s3-external-3.amazonaws.com/shop516200.pictures.label_tafel2.jpg) no-repeat left bottom;
}

#accessoires{ /*zie produktlijst en moreinfo accesoires, div als paceholder voor de tafel, in plaats van het logo*/
position:absolute;
top:0;
left:0;
height:290px;
width:1000px;
background:#FFF url(https://myshop.s3-external-3.amazonaws.com/shop516200.pictures.label_accessoires.jpg) no-repeat left bottom;
}

#labelHome{ /*zie produktlijst en moreinfo tafeltextiel, div als paceholder voor de tafel, in plaats van het logo*/
position:absolute;
top:0;
left:0;
height:290px;
width:1000px;
background:#FFF url(https://myshop.s3-external-3.amazonaws.com/shop516200.pictures.label_home.jpg) no-repeat left bottom;
}


	#myshp_menu_top {
	    position:absolute;
		right:30px; /*114px; /*breedte #int_shops, enno@spaarnewebdesign.nl*/
		top:10px;
		width: 420px;
		z-index:1000;
	}
		#myshp_menu_top ul {
			position:absolute;
			padding: 0;
			float: right;
			margin: 0;
			width: 420px;
			list-style-type: none;
			z-index:1000;
		}

			#myshp_menu_top ul li {
				float: right;
			}
			
			#myshp_menu_top ul li a:link {
					padding-left: 2px;
					text-decoration: none;
				}

				#myshp_menu_top ul li a:visited {
					padding-left: 2px;
					text-decoration: none;
				}

				#myshp_menu_top ul li a:hover {
					padding-left: 2px;
					text-decoration: none;
				}

				#myshp_menu_top ul li a:active {
					padding-left: 2px;
					text-decoration: none;
				}

	#myshp_header_text {
	    position:absolute;
		left:300px;
		top:100px;
		text-align: left;
		z-index:1500;
	}
	
#int_shops{ /*landenvlaggen*/
	position:absolute;
	right:0;
	top:120px;
	z-index:100;
	width:200px;
	} 
	
	#int_shops li {
	display:inline;
	padding:0 3px;
	} 
	
/******************************************************
*
*						Sidebar left
*
******************************************************/	
	
 #sidebar-left
  {
   	float: left;
    width: 200px;
  	margin:0;
    padding: 0; 
  }
	
#couchPart{
background:#FFF url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.bank_gedeelte.gif) no-repeat left bottom;
position:absolute;
left:0;
bottom:50px;
width:200px;
height:150px;
}

#tablePart{
background:#FFF url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.tafel_gedeelte.gif) no-repeat left bottom;
position:absolute;
left:0;
bottom:50px;
width:150px;
height:263px;
}
	
/******************************************************
*
*						Main menu
*
******************************************************/
		
	
	#myshp_menu_main {
		margin-top:60px; /*zelfde marge als #productpage+20px*/
		padding-left:20px;
	}

		#myshp_menu_main ul.myshp_menu_main_list {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}


			#myshp_menu_main ul.myshp_menu_main_list li.myshp_menu_main_list_item {
				float:left; /*nodig voor correcte uitlijning firefox2 en netscape, enno@spaarnewebdesign.nl*/
				margin:0;
				padding:0;
				width:130px;
			}

			#myshp_menu_main ul.myshp_menu_main_list li.myshp_menu_main_divider {
			}
			
			#myshp_menu_main ul.myshp_menu_main_list li.myshp_menu_main_list_item a:link {
					display: block;
					background-image: none;
					padding: 0;
					margin: 0;
					text-decoration: none;
					cursor: pointer;
					width:120px;
					height:30px; /*nodig voor exacte uitlijning ie6, enno@spaarnewebdesign.nl*/
			}
			

				#myshp_menu_main ul.myshp_menu_main_list li.myshp_menu_main_list_item a:visited {
					padding: 0;
					display: block;
					background-image: none;
					margin: 0;
					text-decoration: none;
					cursor: pointer;
					width:120px;
					height:30px; /*nodig voor exacte uitlijning ie6, enno@spaarnewebdesign.nl*/
			}

				#myshp_menu_main ul.myshp_menu_main_list li.myshp_menu_main_list_item a:hover {
					padding: 0;
					display: block;
					background-image: none;
					margin: 0;
					text-decoration: none;
					width:120px;
					height:30px; /*nodig voor exacte uitlijning ie6, enno@spaarnewebdesign.nl*/
					cursor: pointer;
				}

					.myshp_menu_main_item {
						padding: 0;
						display: block;
						/*float: left;*/
						background-image: none;
						margin: 0;
						width:120px;
						height:30px; /*nodig voor exacte uitlijning ie6, enno@spaarnewebdesign.nl*/
						
					}

						.myshp_menu_main_item_text {
							margin: 0;
							padding: 0;
													}

	/*		.myshp_menu_main_item_left {
			    float: left;
				background-image: none;
				width: 5px; 
			} 

			.myshp_menu_main_item_right {
				float: left;
				background-image: none;
				width: 5px;
			} 

			.myshp_menu_main_divider {
			float: left;
			width: 2px;
			} */


			.myshp_tabOn .myshp_menu_main_item_left {
			}

			.myshp_tabOn .myshp_menu_main_item_right {
			}

			.myshp_tabOn .myshp_menu_main_item {
			}

			#myshp_menu_main ul li a:hover span.myshp_menu_main_item_left {
				cursor: pointer;
			}

			#myshp_menu_main ul li a:hover span.myshp_menu_main_item_right {
				cursor: pointer;
			}

			#myshp_menu_main ul li a:hover span.myshp_menu_main_item {
				cursor: pointer;
			}

/******************************************************
*
*					SIDE MENU
*
******************************************************/
#myshp_menu_side {
	float: left;
	width: 200px; 
}

	#myshp_menu_side_topbar {
		margin-top: 0px;
		width: 100%;
		height: 32px;
	}

	#myshp_menu_side_search {
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 0px;
		width: 138px; 
		padding-top: 31px;
	}

		#myshp_quicksearch {
		padding-top: 3px;
		padding-bottom: 3px;
	}

	#myshp_searchfield {
		width: 80px;
		margin-right: 5px;
	}

	#myshp_searchbutton {
		padding: 1px 3px;
		width: auto;
	}

.myshp_menu_side_custom {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	width: 138px; 
	padding-top: 30px;
}

	.myshp_menu_side_custom_content {
		padding-top: 3px;
	}
	

#myshp_menu_side_categories {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
	width: 138px; 
	padding-top: 30px;
	overflow:hidden;
}
	#myshp_menu_side_categories ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
		.myshp_menu_side_item {
			padding-bottom: 1px;
			margin: 0px;
			padding-top: 3px;

		}

			.myshp_menu_side_submenu_hidden {
				display: none;
				visibility: hidden;
			}

			.myshp_menu_side_submenu_visible {
				display: block;
				padding-left: 10px;
			}
				.myshp_menu_side_submenu_item2 {
					border: none;
					margin-left: 0px;
					padding-top: 3px;
				}

					.myshp_menu_side_submenu_item2 a:link {
						padding-left: 8px;
					}

					.myshp_menu_side_submenu_item2 a:visited {
						padding-left: 8px;
					}

					.myshp_menu_side_submenu_item_active2 {
						padding-left: 8px;
					}

					.myshp_menu_side_submenu_item2 a:hover {
						padding-left: 8px;
						/*background: url(submenuover.gif) #fff no-repeat left top*/
					}

						.myshp_menu_side_submenu_item3 {
							border: none;
							margin-left: 0px;
							padding-top: 3px;
						}

							.myshp_menu_side_submenu_item3 a:link {
								padding-left: 14px;
							}

							.myshp_menu_side_submenu_item3 a:visited {
								padding-left: 14px;
							}

							.myshp_menu_side_submenu_item_active3 {
								padding-left: 14px;
							}

							.myshp_menu_side_submenu_item3 a:hover {
								padding-left: 14px;
								/*background: url(submenuover.gif) #fff no-repeat left top*/
							}

								.myshp_menu_side_submenu_item4 {
									border: 0;
									margin-left: 0px;
									padding-top: 3px;
								}

									.myshp_menu_side_submenu_item4 a:link {
										padding-left: 20px;
									}

									.myshp_menu_side_submenu_item4 a:visited {
										padding-left: 20px;
									}

									.myshp_menu_side_submenu_item_active4 {
										padding-left: 20px;
									}

									.myshp_menu_side_submenu_item4 a:hover {
										padding-left: 20px;
										/*background: url(submenuover.gif) #fff no-repeat left top*/
									}


#myshp_menu_side_basket {
	background: #FFF url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.winkeltas.gif) no-repeat center center;
	padding: 80px 15px 0;
	width: 138px; 
	margin: 0 0 10px;
}

	#myshp_menu_side_basket_content {
	}
	

#myshp_block_basket {
position:absolute;
top:550px;
left:20px;
width:138px;
}

/******************************************************
*
*					CONTENT AREA
*
******************************************************/

#myshp_contentframe {
margin: 0;
float:left;
width: 798px !important; /*was 78%; enno@spaarnewebdesign.nl*/
overflow:hidden;
}

#myshp_content {
	margin: 0;
	padding:0;
	overflow:hidden;
}

.search {
	height:28px;
}

/******************************************************
*
*					SEARCH BAR 
*
******************************************************/
#searchDefault td{
border:0 none; /*geen rand rondom zoekblok, enno@spaarnewebdesign.nl*/
}

/******************************************************
*
*					PRODUCT LIST
*
******************************************************/
#productpage{
padding:40px 0 20px 25px;
width:785px;
}

#textPage{ /* to display textpages instead of productlists, see corresponding templates e.g. productlist_home.html*/
padding:40px 0 20px 25px;
width:600px;
}

ul#productList{
width:760px; /*785px - 25px padding*/
list-style:none;
margin:0;
padding:0;
}

ul#productList li{
float:left;
width:235px;
height:350px;
display:inline;
}

ul#productList li.first{ /*produkt blok links heeft alleen rechtermarge*/
margin-right:17px;
display:inline;
}

ul#productList li.third{ /*produkt blok rechts heeft alleen linkermarge*/
margin-left:17px;
}

ul#productList li.product{
position:relative; /*voor het positioneren van het label*/
}

ul.prodInfo a{
display:block;
width:100%;
}

/*a.imgPlace{
display:block;
width:220px; /*breedte van het block zodat afbeelding horizontaal gecentreerd wordt*/
/*height:220px;
}

.prodImg{
display:block;
width:210;
height:210;
}*/


ul#productList li.product ul.prodInfo{
list-style:none;
margin:0;
padding:0;
width:225px;
}

ul#productList li.product ul.prodInfo li{
height:100%; /*om de hoogte van standaard produktblok, zie ul#productlist li teniet te doen, enno@spaarnewebdesign.nl*/
}

ul#productList li.product ul.prodInfo li.opmerking{ /*vaste hoogte en breedte voor div met opmerking, als nieuw, uitverkoop etc..*/
background:transparent url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.label_productlist.gif) no-repeat center center;
position:absolute;
bottom:25px;
right:10px;
height:48px;
width:120px;
margin:0;
padding:0;
overflow:hidden;
}

#topNavigationDefault, #bottomNavigationDefault{
clear:both;
width:800px;
}

/******************************************************
*
*					Home Page TEXT PAGE
*
******************************************************/
#homePage{
padding:40px 0 20px 50px; /*800px - 750px*/
width:800px;
}

#homePage ul#productList li{
height:240px;
}

/*div's homepage*/
.block{
float:left;
width:236px; /*250 px - 2x7px padding*/
height:500px;
padding:30px 7px 10px;
}

.one{
background:#0083A9; /* url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.home_block_one.jpg) no-repeat center bottom;*/
}

.two{
background:#C93092; /*url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.home_block_two.jpg) no-repeat center bottom;*/
}

.three{
background:#70AB18; /* url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.home_block_three.jpg) no-repeat center bottom;*/
}

/*.four{
background:#FFE0FF url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.home_block_four.jpg) no-repeat center bottom;
}*/

/******************************************************
*
*					zip and stitch TEXT PAGE
*
******************************************************/

#textPage ul{
margin:0;
padding:0;
list-style:none;
float:left;
width:250px
}

address{
float:left;
width:250px;
}

#address, #tel{
width:500px;
}

#tel{
margin-top:10px;
}

#textPage h4 {
clear:both;
margin-top:20px;
}

#textPage p{
clear:both;
}

/******************************************************
*
*					MORE INFO
*
******************************************************/
ul#topNav{
width:760px;
list-style:none;
padding:0;
margin:0;
}

ul#topNav li{
float:left;
display:block;
}

ul#topNav li#topNavBack{
width:560px;
}

ul#topNav li#topNavBack a{
display:block;
width:200px;
}

ul#topNav li#topNavPrev a{
display:block;
width:90px;
}
ul#topNav li#topNavNext a{
display:block;
width:90px;
}

#productListMoreInfo{
padding-top:40px;
}

#moreinfoShortDesc{
width:550px;
}

#moreImage, #moreImageDetail, #moreinfoDetails{
list-style:none;
margin:0;
padding:0;
}

#moreImage{
float:left;
width:395px;
padding-top:40px;
clear:left;
}

#moreImage .main{
margin-bottom:30px;
}

#moreImageDetail li.detail{
float:left;
margin-right:7px;
width:120px;
}

#moreImageDetail li.text{
float:left;
width:395px;
margin:0;
padding:0;
text-align:left;
}

#moreinfoDetails{
float:left;
margin-top:30px;
width:355px;
}

/*#moreinfoDetails li .label, #moreinfoDetails li .value{
padding-bottom:5px;
}*/

#moreinfoDetails li .value{
margin-bottom:15px;
}

#moreinfoDetails li .label{
width:90px;
float:left;
clear:both;
}


#moreinfoDetails li .value{
float:left;
width:auto;
}

#moreInfoOpmerking{
background: url(http://myshop.s3-external-3.amazonaws.com/shop516200.pictures.label_moreinfo.gif) no-repeat;
width:150px;
height:60px;
margin-top:30px;
}

/******************************************************
*
*						SHOPPING CART
*
******************************************************/
#shoppingCartPage{
padding:40px 0 20px 25px; /*same as productlist*/
}

ul#breadCrumb{
width:100%;
margin:0;
padding:0;
}

ul#breadCrumb li{
display:inline;
}

#breadCrumbLine{
width:100%;
height:1px;
}

caption{
margin-top:15px;
}

#shoppingCartPage table{
margin:20px 0;
border-collapse:collapse;
border-color:#ccc;
}

#shoppingCartPage td, #shoppingCartPage th{
padding:5px;
vertical-align:top;
}

.qty{
padding-right:10px;
text-align:right;
}

.total{
font-weight:bold;
}

.price, .action{
text-align:right;
}

td ol{
float:right;
padding-left:15px;
}

ul#shopNav{
list-style:none;
width:775px; /*800px -  left padding 25px same as productlist*/
margin:0;
padding:0;
}

ul#shopNav li {
float:left;
width:387px; /* 775px / 2) */
margin:0;
padding:0;
}

ul#shopNav li a{
display:block;
width:100%;
}

ul#shopNav li.help a{
text-align:center;
}

ul#shopNav li.next a{
text-align:right;
}

#delTerms{
clear:both;
padding:10px 0;
}

#emptyShoppingCart{
margin-bottom:40px;
}
/******************************************************
*
*						CUSTOMER INFO
*
******************************************************/
#addressForm{
padding:40px 0 20px 25px; /*same as productlist*/
}

ul.addressFields{
list-style:none;
padding;0;
margin:0;
width:100%;
}

ul.addressFields li{
margin-bottom:5px;
}

ul.addressFields li.label{
width:30%;
float:left;
clear:both;
}

ul.addressFields li.control{
width:70%;
float:right;
}

.deliverySelection{
margin:0;
padding:0;
}

.deliverySelection input{
vertical-align:middle;
margin-right:5px;
}

#addressForm #shopNav{
margin-top:20px;
}

.required, .saveControl {
margin-top:10px;
}

.saveControl input, .control input{
vertical-align:middle;
margin-right:5px;
}

/******************************************************
*
*						APPROVAL PAGE
*
******************************************************/

#approvalPage{
padding:40px 0 20px 25px; /*same as productlist*/
}

#approvalPage table{
margin-top:20px;
border-collapse:collapse;
border-color:#ccc;
}

#approvalPage td, #approvalPage th{
padding:5px;
vertical-align:top;
}

.shipping{
text-align:right;
}

#approvalDetails{
width:100%;
padding-top:20px;
}

#approvalDetails ul{
list-style:none;
margin:0;
padding:0;
}

#approvalDetails ul.details{
float:left;
width:50%;
margin-bottom:10px;
}

#approvalPage #shopNav{
margin-top:50px;
}

/******************************************************
*
*						CONFIRMATION PAGE
*
******************************************************/

#confirmationPage{
padding:40px 0 20px 25px; /*same as productlist*/
}

#confirmationPage #shopNav{
margin-top:50px;
}

/******************************************************
*
*						PAYMENT METHODS
*
******************************************************/

#paymentPage{
padding:40px 0 20px 25px;
}

#paymentPage td{
padding:5px;
}

#paymentPage #shopNav{
margin-top:20px;
}

#paymentMethods td span{
margin-bottom:15px;
}

#paymentMethods td.pspInfo{
padding-right:30px;
}

#paymentMethods .paymentMethodList{
margin-bottom:10px;
}

.pspLabel label img{
vertical-align:middle;
}

/******************************************************
*
*						FOOTER
*
******************************************************/

#myshp_footer {
position:relative;
clear: both;
width: 100%;
margin-top:20px;
height: 40px;
}

#myshp_menu_bottom {
	position:absolute;
	right:0;
	bottom:5px;
	height:40px;
}

	#myshp_menu_bottom ul {
		float: right;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		#myshp_menu_bottom ul li {
			float: right;
		}

			#myshp_menu_bottom ul li a:link {
				padding-left: 2px;
				text-decoration: none;
			}

			#myshp_menu_bottom ul li a:visited {
				padding-left: 2px;
				text-decoration: none;
			}

			#myshp_menu_bottom ul li a:hover {
				padding-left: 2px;
				text-decoration: none;
			}

			#myshp_menu_bottom ul li a:active {
				padding-left: 2px;
				text-decoration: none;
			}

#myshp_footer_text {
position:absolute;
left:0;
bottom:25px;
}

#myshp_footer_text img{
vertical-align:middle;
margin:0 5px; 
}
