/* @override 
	http://slipper-shop.nl/templates/slipper-shop/style.css
*/

/*  
Template by: Kay in t Veen, based on: Fervens A
*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #eae9de url(images/bkg-body.jpg) repeat-x top; font: normal 12px "Verdana", sans-serif; margin: 0px; padding: 0px; }
input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#373737; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #319bd8; border: 0px; }
a:active { text-decoration: underline; color : #319bd8; border: 0px; }
a:visited { text-decoration: none; color : #319bd8; border: 0px; }
a:hover	{ text-decoration: underline; color : #669900; border: 0px; } 
a:focus { outline: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif, "Arial Black"; }


#bg { width: 960px; margin: 0 auto;}
.con { width: 960px; float: left;}


/* Header 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header22 { width: 960px; padding: 30px 0px 10px 0px; border-bottom: solid 1px #d9d7c3; float: left; background: url(images/header-bkg.png) no-repeat top; position: relative; margin-bottom: 10px; }
.header22 h1 { float: left; font: normal 42px/42px "Arial Black", Arial, Helvetica, sans-serif ; letter-spacing: -5px; padding-left: 10px;}
.header22 h1 a, .header h1 a:visited, .header .LogoText h1 a:hover { color:#373737; text-decoration: none; }
.header22 h4 { float: left; font: normal 42px/42px "Arial Black", Arial, Helvetica, sans-serif ; letter-spacing: -5px; padding-left: 10px;}
.header22 h4 a, .header h1 a:visited, .header .LogoText h1 a:hover { color:#373737; text-decoration: none; }

.header22 .rss { display: none; position: absolute; top: 50px; right: 0px; width: 290px; text-align: right;}
.header22 .rss li { display: inline; background: url(images/rss-ico.png) no-repeat left 2px; padding-left: 20px; margin-right: 5px; }

/* Menu 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu { width: 960px; padding: 0px; margin-bottom: 5px; float: left; }
.menu ul { padding-left: 670px;}
.menu li { display: inline; font: bold 14px/14px "Arial"; text-transform: lowercase; letter-spacing: -1px; float: left; }
.menu li ul { display: none;}
.menu li a { padding-left: 7px; margin-right: 1px; background: url(images/menu-left.png) no-repeat left top; float: left;}
.menu li a span { padding: 3px 7px 3px 0px; display: block; background: url(images/menu-right.png) no-repeat right top; float: right; }
.menu li a span { float: none; color: #ff6600;}
.menu li a:hover {  color:#669900; text-decoration: none;}
.menu li a:hover span { color:#669900;}

/*.menu .current_page_item a { background: url(images/menu-left-h.png) no-repeat left bottom; color:#fff; }
.menu .current_page_item a span, .menu .current_page_item a:visited span, .menu .current_page_item a:hover span { background: url(images/menu-right-h.png) no-repeat right bottom; color:#fff; }
*/

.scs1 { float: left; width: 650px; margin-right: 10px;}
ul.menu{
	width: 280px;
}
.breadc{
	float: left;
	width: 960px;
	color:#999;
	padding: 0 0 5px 15px;
}
.breadc a{
	color: #999;
}
/* Side 1-2-3
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sc-all { width: 960px; background:#fff url(images/sl-top.png) no-repeat top; margin:0 auto}
.sc { padding: 20px; _padding: 10px; width: 730px; float: left;}

.s1 { float: left; width: 160px; margin-right: 10px; font-size: 11px; padding: 20px 0 0 20px;}

.title { font: normal 28px/30px "Arial"; border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px;}

#subfoot{
	width: 960px;
	height: 15px;
	background: #CCC;
	margin: 0 auto;
	margin-top: -16px;
	background:#fff url(images/sl-bottom.png) no-repeat top;
}
/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 0 0 15px 0;}
.post .p-head { }
.post .p-head h1 { font: normal 28px/28px "Arial"; letter-spacing: -1px; }
.post .p-head h2 { font: normal 26px/26px "Arial"; letter-spacing: -1px;}
.post .p-head h2 a, .post .p-head h2 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h2 a:hover { color:#669900; }
.post .p-head h3 { font: normal 21px/23px "Arial"; }
.post .p-head h3 a, .post .post-head h3 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h3 a:hover { color:#669900; }
.post .p-date { font-size: 11px; color:#666; font-weight: bold; float: right;}
.post .p-who { padding: 5px 0px 5px 12px; margin-top: 5px; font-size: 11px; color:#917d69; border-top: solid 1px #ebeadd; background: url(images/p-cat-ico.png) no-repeat left 6px;}
.post .p-who a { color:#917d69; text-decoration: underline;}

.post .p-con { padding: 5px 0px; }
.post .p-con p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post .p-con img { margin-bottom: 10px; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 20px; margin: 10px 0px; color:#a98951; background: #f8f8f2; }
.post .p-con blockquote p { font: normal 13px/19px "Georgia"; color:#a98951; padding: 0px;}
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 11px; line-height: 16px;}

.post .p-com { background: #f0f0e6; padding: 10px 5px; border-top: solid 1px #f7f6f0; border-bottom: solid 1px #f7f6f0;}
.post .p-com a, .post .p-com a:visited { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 15px; font-size: 10px; font-weight: bold; color:#ff6600;}
.post .p-com a:hover { color:#669900;}

.post .p-tag { font-size: 11px; color:#917d69; margin-top: 5px;}
.post .p-tag a, .post .p-tag a:visited, .post .p-tag a:hover { color:#917d69; text-decoration: underline;}


/* Post Pages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post-page {}
.post-page h1 { font: normal 28px/30px "Arial"; padding: 10px 0px;}
.post-page h2 { font: normal 26px/28px "Arial"; }

.post-page p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post-page ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-page ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page ul { padding: 5px 0px; margin: 0px; }
.post-page ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page blockquote { padding: 10px; margin: 0px; color:#333; background: #f8f8f2;}
.post-page blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 17px;}
.post-page blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline; border: solid 5px #f2f0ea; }
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline; border: solid 5px #f2f0ea; }

.alignright { float: right; }
.alignleft { float: left }


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 13px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor: pointer; }


/* Category Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .categ-all { background: #c7e7f7 url(images/categ-top.png) no-repeat top; width: 160px; margin-bottom: 10px;}
.s1 .categ { background: url(images/categ-bottom.jpg) no-repeat bottom; padding: 7px 10px 10px 10px; color:#a29d91; }
.s1 .categ h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;}
span.h3{ font-family: Arial, Helvetica, sans-serif, "Arial Black";
font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px; display: block; font-weight: bold;
}
.s1 .categ li { padding: 2px 0px 2px 0px;}
.s1 .categ li a, .s1 .categ li a:visited { text-decoration: none; color:#383838;}
.categ a:hover { text-decoration: none; color:#000;}
/* Widget Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .widget { background: #64c0db url(images/widget-top-s1.png) no-repeat top; width: 160px; margin-bottom: 10px; color:#443e36;}
.s1 .widget-all { background: url(images/widget-bottom-s1.png) no-repeat bottom; padding: 7px 10px 10px 10px; color:#443e36; }
.s1 .widget h3 { font-size: 14px; letter-spacing: -1px; color:#443e36; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #cec5b9; }
.s1 .widget li { padding: 1px 0px;}
.s1 .widget a, .s1 .widget a:visited { color:#333; text-decoration: none; }
.s1 .widget a:hover { color:#000; text-decoration: none;}


/* Search Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .search { background: #4a7e00 url(images/search-top.png) no-repeat top; width: 270px; padding: 7px 15px 10px 15px;}
.s2 .search h3 { padding-bottom: 15px; background: none; padding-left: 0px;}
.s2 .search input { border: none; background: url(images/search-form.png) no-repeat; padding: 7px 10px 7px 10px; font: normal 12px/14px 'Verdana'; color:#fff;}
.s2 .search button { background: none; border: none; padding: 0px; margin: 0px; width: 58px; height: 26px;}

/* Comment List
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.com-list {}
.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}
.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}
.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}

.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name { font: bold 14px/14px "Arial"; letter-spacing: -1px;}
.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
* html .com-avt { right: 40px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }


/* Comment Form
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
.com-form { background: #f8f8f2 url(images/com-form-top.png) no-repeat left top; padding-top: 10px; }
.com-form-bot { background: url(images/com-form-bot.png) no-repeat left bottom; padding: 5px 20px 20px 20px;}
.com-form h3 { font-size: 16px; letter-spacing: -1px; border-bottom: solid 1px #e6e3db; padding-bottom: 5px; margin-bottom: 10px;}
.com-form p { padding: 6px 0px; position: relative; color:#666;}
.com-form p strong { color:#FF3300; font-weight: normal; }
.com-form label { position: absolute; top: 10px; left: 250px; font-size: 11px;}
.com-form a, .com-form a:visited, .com-form a:hover { color: #666; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; font-size: 12px; }
.com-form textarea { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }
.com-form button { cursor: pointer; display: block; width: 117px; height: 24px; background: #faf9f6 url(images/post-comment.png) no-repeat; border: none; text-indent: -1000em; margin-top: 5px;}


/* Footer 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 960px; padding: 20px 0px;  margin: 0 auto;}
.footer p { font-size: 11px; color:#acaa9c; padding-left: 10px;}
.footer p a, .footer p a:visited { color:#acaa9c; text-decoration: underline;}
.footer p a:hover { color:#333; text-decoration: underline;}
.footer .theme { border-top: solid 1px #d9d7c3; padding-top: 3px; margin-top: 5px;}




/* Frontpage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#post-7.post-page h1{
	display: none;
}

.fpcol{
	float: left;
	margin: 10px 25px 30px 0;
	width: 120px;
}
.fpcol img{
	width: 120px;
}
h3.fpheading, h3.fpheading a{
 font: normal 13px verdana ; letter-spacing: -1px;
margin-top: 0px; color: #383838;
line-height: 14px;
border: 0;
height: 29px;
}
.prodprice{
	font-weight: bold;
	color: #ff6600;
}
img.gk_news_image_3_tab{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	cursor: pointer;
}
img.gk_news_image_3_tab_active, img.gk_news_image_3_tab:hover{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	cursor: pointer;	
}
gk_news_image_3_slide img{
	cursor: pointer;
}
.gk_news_image_3_tabsbar{
	padding-left: 3px;
}
/* Distilleerderijen
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.distilleerderijen{
	float: left;
	width: 700px;
}
/* Cart
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.productcart{
	margin:10px 0 30px 0;
}
img.category_image{
	float:right;
	margin-top: -30px;
}

#logotje{
	float: left;
	width: 400px;
}
#wagentje{
	float: left;
	width: 255px;
	margin: 25px 0 0 305px;
}

	#carticon{
	float: left;
	}
	#cartq{
	float: left;
	font: 59px arial;
	color: #3a3a3a;
	font-weight: bold;
	padding:0 3px 0 3px;
	}
	#cartprods{
	float: left;
	font: 11px arial;
	color: #3a3a3a;	
	font-weight: bold;
	margin:17px 0 0 0;
	}
	#bekijkcart{
	float: left;	
	margin: 5px 0 0 0;
	}
/* Shop prod details
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#colleft{
	float: left;
	width: 380px;
}
	#colleft h1{
	margin: 0;
	padding: 0;
	}
	.groen{
	font-size: 11px;
	font-weight: bold;
	color: #329403;
	}
	.oranje{
	font-size: 11px;
	font-weight: bold;
	color: #ff6600;
	}	
	.klein{
	font-size: 11px;
	color: #666;
	}
	p.short{
	color: #999;
	font-size: 15px;
	padding-top: 15px;
	}
	.single_additional_description p{
	color: #333;
}
#colright{
	float: left;
	width: 300px;
	margin: 0 0 0 45px;
}
	#colright img.prodimg{
	width: 300px;
	height: 300px;
	}
	#colright #productprijs{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 4px 5px 4px;
	background: #f0f0f0;
	}
	#colright #productprijs h3{
	float: left;
	width: 245px;
	font-size: 12px;
	height: 20px;
	}
	.productPrice{
	font-size: 14px;
	text-align: right;
	color: #ff6600;
	}
	#colright #productprijs .klein{
	float: left;
	}
	img.rollover{
	width: 55px;
	height: 55px;
	}

	.rolloverbg{
	float: left;
	background: url('/images/bgrollimg2.png') no-repeat;
	height: 55px;
	padding: 8px 1px 1px 1px;
	margin: 0 3px 5px 0;
	}
	.rolloverbg:hover, div#rollover_active.rolloverbg{
	background: url('/images/bgrollimg2.png') 0% 100% no-repeat;	
	}
	.addtocart{
	float: right;
	text-align: right;
	margin-right: -5px;
	}
	input.addtocart_button{
	cursor:pointer;
	}
	.shop_info{
	display: none;
	}
	
.browseProductImageContainer {
	background: url('/images/prodbg.gif') no-repeat;	
	float: left;
	width: auto;
	margin: 3px;
	padding: 2px;
}
img.browseProductImage{
	width: 155px;
	height: 155px;
}

.morelink{
	font-weight: bold;
	color: #3a3a3a;
}
#cartq,#cartprods{
	cursor: default;
}


/* Cart top ---
++++++++++++++++++++-------*/
.carttop{
	color: #FFF;
	background: #8c8b79;
	font-weight: bold;
	padding: 3px;
}
.cartsepa{
	background: #ecede8;
	padding: 3px;
	font-size: 11px;
}
fieldset{
	background: #FFF;
	border: 0;
}
div#company_div, .formLabel{
	text-align: left;
	font-weight: normal;
}
#agreed_div{
	width: 200px;
}
#agreed_input{
	width: 20px;
}
.inputbox{
	background: #FFF;
	border: 1px solid #ccc;
	padding: 5px;
}
.vmCartAttributes{
background: none;
border: 0;
float: left;
width: 100px;
margin: 0;
padding: 0;
margin-top: 15px;
text-align: left;

}
.addtocart{
	float:right;
	width: 300px;
}
.relatedprod{
	background: #ecede8;
	width: 400px;
	clear: both;
	border-bottom: 1px solid #CCC;
}
.relatedprod.bg{
	background: none;
}
	.relatedimg{
	float: left;
	padding: 4px;
	}
	.relatedimg img{
	border: 1px solid #CCC;
	}
	.relatedname a{
	font-weight: bold;
	margin-top: 10px;
	}
	.relatedname{
	padding-top: 13px;
	}
.gender{
	position: absolute;
	margin: 3px 0 0 135px;
}
span.hoogte{
	float: left;
	margin: 10px 0 0 0;
}
.hoogte input{
	background: #FFF;
	border: 1px solid #ccc;
	padding: 5px;
	width: 235px;
}
input.hoogtebtn{
	background: url('/images/opdehoogte.jpg');
	border: 0;
	padding: 0;
	height: 34px;
	width: 210px;
	margin: 5px 0 0 90px;
	cursor: pointer;
}
#vmMainPage h1 { font-family: Arial, Helvetica, sans-serif, "Arial Black"; font-size: 28px; font-weight: normal; letter-spacing: -1px; }
.breadc strong{ font-weight:normal; }