/**
 * Theme Name: Hybrid Shop
 * Theme URI: http://janegbert.nl
 * Description: A shopping child theme for the Hybrid Framework.
 * Version: 1.0
 * Author: Jan Egbert
 * Author URI: http://janegbert.com
 * Tags: threaded-comments, microformats, translation-ready, rtl-language-support, two-columns, fixed-width
 * Template: hybrid
 * Status: publish
 *
 * Copyright (c) 2007 - 2009 Justin Tadlock.  All rights reserved.
 * http://justintadlock.com
 *
 * Structure is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */

/* Get base CSS */
@import url('../hybrid/library/css/18px.css');
@import url('../hybrid/library/css/2c-r-fixed.css');
/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */
@import url('tabs.css'); 

/**
* Body
************************************************/
body {
	font: 13px/20px Helvetica, Arial;
	color: #333;
	background: #083400;
	}

#body-container {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background:url(images/headerbg3.jpg) repeat-x top center;
	}

/**
* Elements
************************************************/

/* Links */
a {
	color: #20a600;
	text-decoration: none;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial;
	font-weight: bold;
	color:#444;
	}
h1, h2 {
	font-size: 20px;
	}
h3 {
	font-size: 18px;
	}
.hentry h3 {
	font: normal normal bold 15px/19px Helvetica, Arial;
	}
h4 {
	font-size: 17px;
	}
h5 {
	font-size: 16px;
	}
h6 {
	font-size: 15px;
	}

/* Lists */
ul {
	list-style: square;
	}

/* Blockquotes */
blockquote {
	padding: 20px 20px 0 20px;
	margin: 20px;
	font-family: Helvetica, Arial;
	font-size: 14px;
	color: #333;
	background: #eee;
	border: 1px solid #ddd;
	}
blockquote blockquote {
	margin: 0 0 20px 0;
	background: #f7f7f7;
	border: 1px solid #ccc;
	}

/* Code */
code {
	padding: 2px 3px;
	font: normal normal normal 12px/22px Arial, Verdana, sans-serif;
	color: #444;
	background: #eee;
	}
pre {
	overflow: auto;
	padding: 20px;
	font: normal normal normal 12px/22px Arial, Verdana, sans-serif;
	color: #444;
	background: #eee;
	border: 1px solid #ddd;
	}
pre code {
	padding: 0;
	}

/* Tables */
table {
	width: 100%;
	}
caption {
	font: italic normal normal 12px/22px Helvetica, Arial;
	text-align: right;
	color: #666;
	}
tr {
	margin:0;
	}

td {
	padding: 3px;
	font: normal normal normal 13px/22px Helvetica, Arial;
	vertical-align:top;

	}

tr.alt td, tr.even td {
	background: #f4f4f4;
	}
th {
	padding: 3px;
	font-weight: normal;
	color: #fff;
	background: #999;
	}

/* Acronyms */
acronym {
	font-size: 13px;
	border: none;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;
	color: #333;
	}

/* Notes, alerts, and such. */
.note, .warning, .alert, .error, .download {
	font: normal normal normal 13px/22px Helvetica, Arial;
	color: #444;
	}

/* Notes */
.note {
	padding: 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 20px 0 0;
	}
.right, .alignright {
	float: right;
	margin: 0 0 0 20px;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto 20px auto;
	}
.block, .alignnone {
	display: block;
	margin: 0 0 20px 0;
	}
.clear {
	clear: both;
	}

/**
* Images
************************************************/

/* Thumbnails */
.thumbnail {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 10px;
	padding: 5px 5px 11px 5px;
	background: #f0f0f0 url(images/image_shadow.png) no-repeat bottom center;
	}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 15px 10px 0;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	}
.gallery {
	background:none;
	margin-bottom: 0px !important;
}
/* Captions */
.wp-caption {
	max-width: 576px;
	padding: 4px 0 4px 0;
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #454545;
	}
.wp-caption img {
	max-width: 566px;
	margin: 0;
	padding: 0;
	border: 1px solid #666;
	}
/**
* Page Navigation
************************************************/

#term-nav {
	width: 978px;
	margin: 0 auto;
	background: url(images/30procentzwart.png);
	height:49px;
	border: 1px solid #77ae71;
	border-bottom:none; 
	}
#term-nav .rubriek ul {
	border-right: 1px solid #77ae71;
	}
#term-nav ul {
	float:right;
	list-style: none;
	margin: 0;
	}
#term-nav li {
	float: left;
	margin: 0;
	padding: 0;
	}
#term-nav a {
	display: block;
	font: normal normal normal 15px/15px Arial, Verdana, sans-serif;
	color: #fff;
	padding: 17px 15px 17px 15px;
	}
#term-nav .current_page_item a {
	color: #fff;
	background: url(images/60procentzwart.png);
	}
#term-nav .page_item.page-item-129 a {
	background: #20a600;
	}
#term-nav a:hover {
	text-decoration: none;
	background: url(images/30procentzwart.png);
	color: #fff;
	}
#term-nav .current_page_item a:hover {
	color: #fff;
	background: url(images/60procentzwart.png);
	}
/**
* Page Navigation
************************************************/
#navigation {


	}
#page-nav {
	float: right;
	margin: 0;
	padding: 0;
	background: url(images/30procentzwart.png);
	border: 1px solid #77ae71;	
	}
#page-nav ul {
	list-style: none;
	margin: 0;
	}
#page-nav li {
	float: left;
	margin: 0;
	padding: 0;
	}
#page-nav a {
	display: block;
	font: normal normal normal 13px/13px Arial, Verdana, sans-serif;
	color: #fff;
	padding: 15px 13px 15px 13px;
	}
#page-nav .current_page_item a {
	color: #fff;
	background: url(images/60procentzwart.png);
	}
#page-nav .page_item.page-item-129 a {
	background: #20a600;
	}
#page-nav a:hover {
	text-decoration: none;
	background: url(images/30procentzwart.png);
	color: #fff;
	}
#page-nav .current_page_item a:hover {
	color: #fff;
	background: url(images/60procentzwart.png);
	}
/* Drop-down styles */
#page-nav li:hover ul, #page-nav li.sfHover ul  {
	top: 40px;
	}
#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
	top: -1px;
	}
#page-nav ul ul {
	border: 10px solid #20a600;
	background: #fff;
	}
#page-nav li li {
	margin: 0;
	padding: 0;
	}
#page-nav li li a {
	padding: 10px 10px;
	border: none;
	color:#000;
	}
#page-nav li li a:hover {
	background:#ffcc00;
	color:#000;
	}

/**
* Header
************************************************/
#header-container {
	width:auto;
	height:150px;

}
#header {
	padding: 10px 0;
	width: 980px;
	margin: 0 auto;
	}
#site-title {
	float:left;
	font: normal normal bold 25px/25px "Trebuchet MS";
	padding: 0px;
	width: 227px;
	height:117px;
	}
#site-title a {
	display:block;
	color: #cef37d;
	width: 227px;
	height:117px;
	background: url(images/survivalschoenenlogo.gif) no-repeat;
	}
#site-title a:hover {
	background: #cef37d;
	color:#000;
	}
#site-title a:hover {
	text-decoration:none;
	background: url(images/survivalschoenenlogohover.gif) no-repeat;
	}
#site-title span {
	display:none;
	}
#site-description {
	width:300px;
	font: normal normal normal 16px/25px "Trebuchet MS";
	color: #cef37d;
	background: url(images/60procentzwart.png);
	padding: 10px 20px;
	}

/* Utility: Header widget area */
#utility-header {
	overflow: hidden;
	float: right;
	width: 468px;
	height: 60px;
	}
#utility-header .widget {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	}

/**
* Containers
************************************************/
#container {
	width: 978px;
	margin: 0 auto;
	float: none;
	background:#0f4f00 url(images/schoenen.jpg) top left no-repeat;
	padding: 0px;
	border: 1px solid #4e7944;
	}

.content {
	background:#fff url(images/bordertop.png) repeat-x top;
	margin-right:10px;
	padding: 20px 10px 10px 10px;
	}
.content, .no-widgets .content, .no-default-widgets .content  {

	}
.primary-active .content, .secondary-active .content {
	width:700px;
	overflow: hidden;
	margin: 10px 10px 20px 0px;


	}
	
/* Search form before content. */
#header form {
	float:right;
	background: url(images/30procentzwart.png);
	padding:10px;
	border:1px solid #77ae71;
	}
#header .search-text {
	width: 183px; 
	background: url(images/30procentzwart.png);
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #ccc;
	padding: 8px;
	display: inline;
	border: none;
	}
#header .select {
	width: 130px; 
	background: url(images/30procentzwart.png);
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #ccc;
	padding: 5px;
	display: inline;
	border: none; 
}
#header .search-submit {
	display:none;
	font-family: Arial, Tahoma, Verdana;font-size: 12px;font-weight: bold;text-decoration: none;padding: 3px 5px; margin-bottom:10px;

}



/**
* Content
************************************************/
.breadcrumb {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 10px;
	color: #fff;
	border-bottom:1px solid #4e7944;
	}
.singular-post .hentry {
border-bottom:none;
padding-bottom:20px;
	background: url(images/paper.png) repeat-x left bottom;
}
.hentry {
	margin: 10px;
	overflow:hidden;
	padding-bottom:10px;
	background: url(images/spacer.gif) no-repeat bottom center;
}
.hentry.sticky {
	padding:10px 10px 10px 70px;
	background:#f4f4f4 url(images/uitgelicht.gif) top left no-repeat;
	margin-bottom:10px;
	border: 1px dashed #ccc;
}
.hentry.sticky .thumbnail {
	float:right;
	border: 1px solid #ccc;
	width:150px;
	height:150px;
	margin-left:10px;
	padding:0;
}
.remark {
	background:#fffac6;
	border: 1px solid #feda70;
	padding:10px;
}
/* Entry titles. */
.single-title {

}
.entry-title {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
	}

.page-title, .singular-page-title {
	margin: 0 0 20px 0;
	}

.productfoto {
	float:left;
	padding:10px;
	width:80px;
	height:80px;
	padding:0;
	background:none;
}
.bestelknop {
	float:right;
	background: #f2f2f2;
	border:1px solid #ccc;
	padding:10px;
	width:180px;
	margin-left:10px;
}
.bestelknop ul li {
	list-style-type:none;
	padding-left:0px;
}
#input_1_3_4_container {
	displaY:none;
}
/* Byline */
.byline {
	font-size: 14px;
	color: #666;
	}
.blog .byline, .archive .byline, .search .byline {
	margin-bottom: 10px;
	}
.default-price, .clearence-price {
	font-weight: bold;
}
.byline .author, .byline .published {
	font-size: 13px;
	font-style: normal;
	text-transform: uppercase;
	}
.byline a {
	color: #333;
	}
.byline .old-price {
	text-decoration: line-through;
}
/* Entry meta */
.entry-meta {
	clear: none;
	font-size: 14px;
	font-style: italic;
	color: #666;
	}
.home .entry-meta {
	
}
.entry-meta a {
	font-style: normal;
	color: #333;
	}

.author-info, .category-info, .date-info, .tag-info, .search-info, .taxonomy-info {
	overflow: hidden;
	margin: 0;
	padding: 10px 10px 15px 10px;
	background: url(images/paper.png) repeat-x left bottom;
	}

/* Page links <!--nextpage--> */
p.pages {
	font-style: italic;
	}
p.pages a {
	margin: 0 2px;
	padding: 4px 12px;
	color: #eee !important;
	background: #20a600;
	border: 1px solid #eee;
	}

/* WP PageNavi */
.wp-pagenavi {
	overflow: hidden;
	border-bottom:1px solid #d5d5d5;
	padding: 10px;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend {
	float: left;
	margin: 0 6px 0 0;
	padding: 4px 12px;
	color: #222 !important;
	background: #f2f2f2;
	border: 1px solid #fff;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	font-style: normal;
	}
.wp-pagenavi .pages {
background:none;
}
.wp-pagenavi .current, .wp-pagenavi a:hover {
	border: 1px solid #fff;
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	}
.wp-pagenavi .pages {
	border:none;
	}
/* Navigation links */
.navigation-links {
	overflow: hidden;
	padding:15px;
	}
.next, .previous {
	max-width: 50%;
	font-size: 18px;
	}
.previous {
	float: left;
	}
.next {
	float: right;
	text-align: right;
	}
#comments-template .paged-navigation {
	text-align: center;
	}
#comments-template .paged-navigation .page-numbers {
	padding: 3px 6px;
	font-style: italic !important;
	border: 1px solid #eee !important;
	}
#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {
	float: none;
	text-align: left;
	border: none !important;
	}

/**
* Widgets
************************************************/
#primary {
	width:248px;

	margin-bottom:15px;
	}
#primary .widget-title {

	}
#secondary {
	width:248px;

	}

/* Widgets */
.widget {
	overflow: hidden;
	margin: 0;
	border-bottom:0;
	color:#fff;
	}
.widget-inside {
	margin:10px;

	}
#primary .widget {
	border-bottom:1px solid #4e7944;
	}
#secondary .widget {
/*
	background: url(images/widgetbg.gif) repeat-x;
*/
	border-bottom:1px solid #4e7944;
	}
/* Widget titles */
.widget-title {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #fff;
	}

/* Widget content */
.widget ul {
	list-style: square;
	margin-left: 20px;
	}
.widget ul li.current-cat ul.children {
	display:block;
}
ul.children {
	display: none;
}
/**
* Comments
************************************************/
#comments {
	margin:0;
	padding:0;
}
#comments-template {
	overflow: hidden;
	margin: 0;
	}

.comments-header {
	display:none;
	font-size: 18px;
	font-weight: bold;
	}

/* Comment list */
.comment-list, .comment-list ol {
	list-style: none;
	margin: 0;
	}
.comment-list li, .comment-list li li li, .comment-list li li li li li {
	overflow: hidden;
	margin: 0;
	padding: 15px 15px 0 15px;
	background: #f2f2e9;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d5d5d5;
	}
.comment-list li li, .comment-list li li li li, .comment-list li li li li li li {
	background: #fff;
	border: 1px solid #ddd;
	}

/* Comment avatar */
.comment-list li .avatar {
	float: left;
	width: 37px;
	height: 37px;
	margin: 5px 10px 0 0;
	padding: 2px;
	border: 1px solid #ccc;
	background: #eee;
	}

/* Comment meta */
#comments .comment-meta-data {
	margin: 5px 0 20px 0;
	font-style: italic;
	color: #666;
	}
#comments cite {
	font-weight: bold;
	font-style: normal;
	}

/* Comment text */
#comments .comment-text {
	clear: left;
	}

/* Comments form */
#respond {
	overflow: hidden;
	margin: 0;
	padding:  10px;
	}
.text-input {
	display: block;
	padding: 5px;
	width: 300px;
	margin:  0 0 20px 0;
	background: #fff;
	border: 1px solid #ddd;
	}
#respond label {
	font-style: italic;
	}
#respond span.required {
	font-weight: bold;
	color: #20a600;
	}
textarea {
	width: 98%;
	padding: 5px;
	margin: 0 0 20px 0;
	border: 1px solid #ddd;
	}
.button {
	width: 100px;
	padding: 7px;
	margin-right: 10px;
	font-weight: bold;
	color: #fff;
	border: none;
	background: #20a600;
	}
.button:hover {
	cursor: pointer;
	background: #1fc700;
	}
p.comments-closed {
	display: none;
	}
/**
* Footer
************************************************/

/* Footer container */
#footer-container {
	clear: both;
	overflow: hidden;
	}

/* Subsidiary */
#subsidiary {
	overflow: hidden;
	width: 940px;
	padding: 30px 20px 10px 20px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
#subsidiary .widget {
	float: left;
	width: 170px;
	margin: 0 18px 0 0;
	padding: 0;
	border: none;
	}

/* Footer */
#footer {
	clear: both;
	overflow: hidden;
	color: #fff;
	width:980px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	}
#footer a {
	color: #ccc;
	font-style: italic;
	}
#footer .copyright {
	display: inline;
	float: left;	
	margin-right: 9px;
	}
#footer .credit {
	text-align: right;
	}
	
/* Extra div to handle some IE scenarios with absolute positioning. */
#sliding-panel-container {
	position: relative;
	display: table;
	z-index: 999;
	width: 100%;
	}

/* Sliding panel. */
#sliding-panel {
	position: absolute;
	top: 0;
	z-index: 999;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

/* The part of the panel that actually slides. */
#sliding-panel .panel {
	overflow: hidden;
	display: none;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 130px;
	background: #0c6e48;
	}

/* Widget container. */
#sliding-panel .panel-content {
	overflow: hidden;
	width: 960px;
	height: 120px;
	margin: 15px auto;
	padding: 0;
	text-align: left;
	border-left: 1px solid #0c6e48;
	}

/* Sliding panel widgets. */
#sliding-panel .widget {
	overflow: hidden;
	float: left;
	width: 289px;
	height: 120px;
	margin: 0;
	padding: 0 15px;
	font: normal normal normal 14px/21px Helvetica, Arial, sans-serif !important;
	color: #fff;
	background: transparent;
	border: none;
	border-right: 1px dotted #fff;
	}
#sliding-panel .widget-inside {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	}

/* Sliding panel widget titles. */
#sliding-panel .widget-title {
	margin: 0 0 5px 0;
	padding: 0;
	font: normal normal bold 18px/21px Helvetica, Arial, sans-serif !important;
	color: #fff;
	text-transform: none;
	background: transparent;
	border: none;
	}

/* Sliding panel widget lists. */
#sliding-panel .widget ul {
	margin: 0 0 10px 20px;
	list-style: square;
	}
#sliding-panel .widget ul li {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	}

/* Sliding panel widget links. */
#sliding-panel .widget a {
	font-style: italic;
	color: #fff;
	text-decoration: none;
	}
#sliding-panel .widget a:hover {
	text-decoration: underline;
	}

/* Toggle div wrapper. */
#sliding-panel .tab {
	position: relative;
	top: 0;
	z-index: 9999;
	height: 37px;
	border-top: 2px solid #0c6e48;
	}

/* Wrapper for the open/close button. */
#sliding-panel .tab .toggle {
  	clear: both;
	display: block;
	position: relative;
	width: 960px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	}

/* Open/close link. */
#sliding-panel .tab a {
	display: block;
	float: right;
	position: relative;
	width: 80px;
	height: 35px;
	top: -1px;
	margin: 0;
	padding: 0;
	font: normal normal bold 12px/33px Helvetica, Arial, sans-serif !important;
	color: #fff;
  	background: #0c6e48;
 	text-align: center;
	}

/* Open link. */
#sliding-panel .tab a.open {
	}

/* Close link. */
#sliding-panel .tab a.close {
	}

/* Open/close link hover. */
#sliding-panel .tab a:hover {
	cursor: pointer;
	text-decoration: underline;
	}

/* Open/close link array (&urarr;). */
#sliding-panel .tab a .arrow {
	font-style: normal;
	}