/*
Theme Name: Woodlove SHOPP
Theme URI: http://woodlove.eu
Description: Wordpress SHOPP template for Woodlove!
Author: Wouter Tinbergen - Inspidee.nl
Author URI: http://www.inspidee.nl
Template: thematic
Version: 1.1

Licenced to w2design only
*/

@import url("../thematic/style.css");

/* the standard css of thematic */

/* def
rood	: #c44819
groen	: #88b001
blauw	: #449eb2


einde def*/
.clear {
	line-height: 0;
	height: 0;
	clear: both;
	}

/* test body{background-color: silver}  works! 27-02 */

body {
	background: url(images/bg.gif) repeat #fff;
	font-family: verdana,"Helvetica Neue", arial;
	color: #550c0c
}

#wrapper {
	width: 980px;
	background-color: #fff;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

/* header aanpassingen */

#branding {
	background: url(images/logo.png) no-repeat transparent 35px 45px;
	width: 500px;
	padding: 30px 0 20px;
	margin-left: 0;
	display: block;
	height: 45px;
}

#blog-title{
	text-indent: -9999px;
}
#blog-description{ /* dit is de tagline */
	position:absolute;
	left:253px;
	top:12px;
	font-size:12px;
}
#blog-title span a {
	display: block;
	height: 70px;
	width: 300px;
	margin: 0;
	padding: 0;
	margin-top: 25px;
}

#blog-title {
	position: absolute;
	top: 0;
	left: 20px;
}

/*sec nav  & search */

#second-nav ul {
	float: right
}

#second-nav {
	/*background: #88b001 none repeat scroll 0 0;*/
	font-size: 11px;
	height: 21px;
	padding-bottom: 3px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 980px;
	/*border-bottom: 1px solid #a6d43c;*/
	text-shadow: 1px 1px 1px #999;
}

#second-nav a {
	margin: 4px;
	padding: 2px 5px;
	color: #333;
	text-decoration: none;
}

#second-nav a:hover {
	background-color: #c44819;
	color:#fff !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}

#second-nav a:visited {
	color: #333;
}

#second-nav li {
	list-style: none;
	float: left
}

#search {
	position: absolute;
	top: 100px;
	right: 10px;
}
.grid{display: inline}
input#s {
	color: gray;
	font-size: 11px;
	font-style: italic;
	letter-spacing: 0.5px;
	min-height: 14px;
	min-width: 150px;
	padding: 3px 4px;
}

button#searchsubmit {
	margin-left: 10px;
}

#header {
	background: #fff url(images/grad-bg-header.jpg) repeat-x top left;
	height: 100px
}

#header-numberincart {
	background: transparent;
	height: 33px;
	position: absolute;
	right: 12px;
	text-align: right;
	top: 33px;
	width: 300px;
}

#header-numberincart p {
	padding: 5px 8px;
	font-size: 9px;
}
#header-numberincart p img{
	margin:-5px 0 0 5px;
	float: right;
	display:inline;
}
/* einde header */

/* menu */

.sf-menu {
	border: 0 none;
	display: none
}

.sf-menu a {
	border: 0 none;
	color: #88b001 !important;
}


ul.shopp_categories li a {
	color: #587a0a  !important;/*531011*/
}

li.current_page_item a {
	color: #449eb2  !important;/*531011*/
}

ul.shopp_categories li a:hover {
	color: #449eb2 !important;
	background-color: #efefef;
}

ul.shopp_categories li a {
	border: 0 none;
	text-decoration: none;
	color: #88b001 !important;
	padding: 2px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
}

ul.shopp_categories li {
	float: left;
	list-style: none;
	margin-right: 20px;
	font-size: 17px;
	padding: 6px 11px
}

/*ul.shopp_categories{border-bottom: 1px solid #dfdfdf; padding-bottom: 5px; float: left; width: 910px; margin-bottom: 0}*/

ul.shopp_categories {
	border-bottom: 0px solid #dfdfdf;
	padding-bottom: 5px;
	position: absolute;
	top: 95px;
	left: 0;
	margin-bottom: 0;
	margin-left: 20px !important;
	background: transparent
}
ul.shopp_categories li{padding: 6px 0 0 35px !important}
ul.shopp_categories li.banken {
	background: url(images/icon-bank.jpg) no-repeat top left;
}

ul.shopp_categories li.bijzettafels {
	background: url(images/icon-bijzet.jpg) no-repeat top left;
}

ul.shopp_categories li.stoelen {
	background: url(images/icon-chair.jpg) no-repeat top left;
}

ul.shopp_categories li.eettafels {
	background: url(images/icon-table.jpg) no-repeat top left;
}

ul.shopp_categories li.salontafels {
	background: url(images/icon-salon.jpg) no-repeat top left;
}

ul.shopp_categories li.sidetables {
	background: url(images/icon-side-table-hoog.jpg) no-repeat top left;
}

ul.shopp_categories li a.current {
	border: 0 none;
	text-decoration: none;
	color: #531011 !important;
	background-color: #efefef;
}

#main {
	margin-top: 60px;
	padding-top: 0px;
	width: 930px !important;
	overflow: visible !important;
	
	}

#access {
	display: none
}

/* einde menu */

#shopp form#checkout label.title{color:#449eb2;
font-size:15px;
font-weight:normal;
padding-bottom:10px;}
/* footer */
#siteinfo{
border-top:1px solid silver;
padding: 10px 0 !important;
width: 910px;
}
#siteinfo a, #siteinfo:visited{color:#88b001; font-weight: bold;}
#siteinfo a:hover{color:#c44819; font-weight: bold; border-bottom: 1px solid}


#footer{
margin: 5px 35px !important;}
.quote{float: left; width: 300px; font-size: 12px; margin-bottom: 5px}
.quote div{float:right; font-size: 10px}
/* product ea */

h1, h3, h5,h1 a, h3 a, h5 a {
	color: #c44819 !important;
	font-weight: normal;
	font-family: verdana;
	letter-spacing: 2px;
	padding: 10px 0 !important
}

h2, h4, h6, h2 a, h4 a, h6 a {
	color: #88b001 !important;
	font-weight: normal;
	font-family: verdana;
	padding: 10px 0 !important
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: gray
}

a {
	color: #c44819;
	text-decoration: none
}

a:visited {
	color: gray
}

a:active {
	position: relative;
	color: #449eb2
}

a:hover {
	color: #c44819
}

p {
	font-size: 12px
}
table, tr{border: 0 none}
.entry-title {
	font-weight: normal;
	padding: 0
}

.entry-content {
	padding: 0;	
}
/*.entry-content p{width: 550px}
*/
.entry-content h3 {
	font-size: 19px;
	font-style: italic;
	padding: 10px 0;
	color: #c44819;
	display: inline;
}

h3.original {
	color: gray !important
}
.category h3{display: block; margin-left: 12px}

#content {
	width: 900px;
	margin-left: 14px;
	overflow: visible !important;
	
	
}


#breadcontainer {
	position: relative;
	z-index: 80;
	font-size: 9px;
}

ul.breadcrumb li {
	color: #3a5302;
}

ul.breadcrumb {
	margin: 0 0 0 5px !important;
	font-size: 9px;
	padding-left: 5px;
	color: #fff;
	position: relative;
	z-index: 80
}

.breadcrumb a {
	color: #3a5302;
}

.breadcrumb li {
	float: left;
	display: inline
}

select.shopp-orderby-menu {
	margin: 2px 0 0 3px; float: left; display: inline; color: #444}

#shopp .views li,#options span {
	vertical-align: middle;
	font-size: 11px;
	font-style: italic;
	color: gray;
	height: 20px;
}

#shopp .products .frame {
	text-align: center;
	width: 200px !important;
}

.frame img {
	width: 200px;
	height: 200px;
	border: 1px solid #dfdfdf;
	;padding: 5px;
	-moz-box-shadow: 3px 3px 3px #dfdfdf;
	-webkit-box-shadow: 3px 3px 3px #dfdfdf;
	box-shadow: 3px 3px 3px #dfdfdf
}

#shopp .products ul {
	width: 1000px !important
}

#shopp.list ul.products li div.frame {
	text-align: left;
	width: 100% !important;
	padding: 10px 0px !important
}

.entry-content h4 {
	font-family: "Helvetica Neue", Verdana;
	font-size: 20px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.gallery img {
	border: 1px solid #dfdfdf;
	padding: 5px;
	-moz-box-shadow: 3px 3px 3px #dfdfdf;
	-webkit-box-shadow: 3px 3px 3px #dfdfdf;
	box-shadow: 3px 3px 3px #dfdfdf;
}

#shopp .gallery {
	margin: 0px 10px 5px 0 !important;
}

#main-specs {
	float: left;
	width: 530px
}

#main-specs h2, #main-specs h1 {
	color: #c44819 !important;
	font-size: 24px
}

#detail {
	float: right;
	width: 300px
}

#primary, #secondary {
	display: none
}

#shopp dl dt {
	min-width: 100px;
	font-size: 13px
}

#shopp dl dd {
	font-size: 13px;
	margin-bottom: 15px !important
}

dl {
	margin-left: 0
}

#content .slug-shop h1 {
	/*display: none;*/
}

.headline {
	font-weight: bold
}

#shopp .gallery .previews li {
	line-height: 400px !important;
	height: 400px !important;
	width: 530px !important;
	text-align: left !important
}

#shopp.list ul.products li {width:900px !important}

#shopp.list ul.products li .details {
	margin-left: 10px !important
	width:auto !Important;
}

/* voor de statische pagina's */
.tekstpagina p{width: 550px}

li.next a, li.previous a{text-decoration: underline}
.paginatie{padding: 1px 12px; background: #efefef;color: #666}
.paginatie a{color:#449eb2 }
#options{-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 10px;
}
#options .small{float: right;}
#options span{float: left !important;margin-left: 10px;}
#shopp ul.views {float: left; position: relative; display: inline}
/* home */

#aanbieding {
	float: left;
	width: 580px;
}

#onderhoud {
	float: left;
	width: 290px;
	margin: 0 0 10px 20px
}

#onderhoud p {
	
}

#onderhoud h1 {
	display: block !important;
}

/* cart */

#cart,form#checkout {
	width: 700px !important;
	margin: 0 auto
}

#cart th, #cart td {
	padding: 11px 15px 11px 0  !important
}

#shopp form#checkout label {
	font-size: 11px
}

#shopp form#cart label {
	font-size: 11px
}

.shopitem {
	font-weight: bold;
	font-size: 16px
}

.update-button {
	font-size: 9px
}

#cart  th {
	font-weight: normal !important;
	font-style: italic
}

#cart tr.firstrow th {
	font-weight: bold !important
}

.money {
	font-weight: bold !important
}

.small {
	font-size: 11px
}

img.cartimage {
	margin: 0;
	float: left;
	padding-right: 10px
}

a.red {
	color: red;
	font-size: 9px
}

.aantal {
	padding-left: 7px
}
#shipping-methods li label{font-size: 10px}
/* featured home */

#featured {
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin: 0 50px 35px 50px;
	-moz-box-shadow: 3px 3px 3px #dfdfdf;
	-webkit-box-shadow: 3px 3px 3px #dfdfdf;
	box-shadow: 3px 3px 3px #dfdfdf;
	
}

#featured img {
	width: 500px;
	height: 330px
}

#featured .details {
	width: 300px !important;
	float: left !important
}

.meerinfoknop {
	margin-top: 20px;
}


#featured{ 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	background:#fff;
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin: 0 50px 35px 50px;
	-moz-box-shadow: 3px 3px 3px #dfdfdf;
	-webkit-box-shadow: 3px 3px 3px #dfdfdf;
	box-shadow: 3px 3px 3px #dfdfdf;
	height: 333px;
	
	

}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	right:0px; 
	list-style:none; 
	padding:0; margin:-1px 0 0 0; 
	width:250px;
	 
}
#featured ul.ui-tabs-nav li{ 
	padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li h5{ 
	font-size:13px; font-family:Verdana; 
	line-height:18px; 
	padding: 26px 10px !important;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:67px; 
	color:#333;  background:#fff; 
	line-height:20px;
	border-bottom: 1px solid #dfdfdf
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url(images/selected-item.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#efefef; 
	border-top: 1px solid #efefef;
	
}
#featured .ui-tabs-panel{ 
	width:500px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:230px; left:0; 
	height:100px; 
	background: url(images/transparent-bg.png); 
	width: 500px
}
#featured .info h4{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px 10px !important; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 10px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
/* end featured */
a {
   outline: none;
}
.bericht p{width: 550px}
#show-new-stuff{float: right; width: 200px; padding: 0 30px}

/* hide aantal items op detail */
form.shopp p{margin-top: 20px}
form.shopp p select{display: none}
form.shopp p img{float: right; margin: -8px 20px 0 0 }
