/* Bodemshop CSS 
-----------------------------------------------
author: Cor Guijt 
contact: corguijt@gmail.com 
date: 15 mei 2009
----------------------------------------------- */


/* --------------------------------------------
 basics 
----------------------------------------------- */

* {
	padding:0;
	margin:0;
	font-size: 1em;
}

body {
	background: white url("images/bg.png") repeat-x 0 0;
	text-align: left;
	font:80%/120%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	color:#444;
	margin: 0;
}

#popupSearchHelp, #popupImage, #infoShoppingCart {	background: #F9F8F4;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 

fieldset, address { 
	margin:1em 0; 
}


a:link, a:visited {
	color: #669900;
	text-decoration: none; 
}

a:hover {
	color: #669900;
	text-decoration: underline; 
}

a .no-border {border: none;}

#productDescription a:link, #productDescription a:visited {
text-decoration: underline;
}

#logo a:link img, #logo a:visited img, img.noborder {
	border: none; 
}

.centerColumn img {
	margin-bottom: 0;
	margin-top: 0;
	border-color: #bbb;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}

.centerColumn a:hover img {	border-color: #669900;}

fieldset{font:100%/190%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;}

h3.rightBoxHeading, h3.leftBoxHeading {
	font:120%/100%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	color:#669900;
	font-variant: small-caps;
}	

h3.leftBoxHeading {text-align: right;}

h1 {
	font:250%/120%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	color:#669900;
	margin-top: -8px;

	font-weight: bold;
}

h2.centerBoxHeading {
	font:130%/100%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	clear:both;
	font-variant: small-caps;
	color:#669900;
}

#indexDefaultHeading {display:none;}
#alsoPurchased{border-top:1px solid #ccc; clear:both;}
#productQuantityDiscounts table{border:1px solid #ccc; margin-top:10px; margin-bottom: 10px;clear:both;}
.kortingtop {background-color: #eee; padding:5px;}
#warning {color:red; font-weight: bold; border: 2px solid #ffcc00; padding: 1% 5%; margin: 5px 0; background: #ffffcc url("/includes/templates/bodemshop-3/images/icons/warning.gif") no-repeat 1% 50%;}
/* --------------------------------------------
structure 
----------------------------------------------- */

#mainWrapper {
	width: 920px;
	height: 100%;
	margin: 0 auto;
	background: white;
}


#headerWrapper {
	width: 920px;
	height: 120px;
	background: transparent url("images/bg-header.png") repeat-x 0 0;
}

*html #headerWrapper {
	width: 940px;}

#logoWrapper, #tagline { display:none;}



#wrap-1{ margin: 0 37px; margin-top: 15px; padding-top:0px; clear:both;}

#intro {	font: 100%/170%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;}

.centerColumn {

	width: 605px;
	\width: 615px;
	w\idth: 605px;
	padding:12px 5px;
	margin-left: -5px;
	font:90%/160% 'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
}


.content{width: 99%;}

fieldset { padding: 8px;}



#siteinfoLegal, #navSuppWrapper {
	text-align: left;
	font: 80%/100%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	width: 850px;
	margin: 0 auto;}

#navSuppWrapper{border-top: 1px solid #bbb; margin-top:20px;}

#navSuppWrapper li{
	display: inline;
	list-style-type: none;
}



#indexProductList #whatsNew {display: none;}

#searchContent {
padding: 0 5px 5px 5px;
}

#navColumnTwoWrapper ul {margin-left: 20px;}

#navBreadCrumb {padding-left: 250px; font-size: 85%; margin-top: -10px;}

/* --------------------------------------------
ProductPage
----------------------------------------------- */

#productMainImage{float:right; margin-top:0px; margin-bottom: 5px;}
#productMainImage a img {border: 10px solid #669900;}
#categoryIcon, #categoryImgListing{display:none;}
.imgLink {display:none;}
#productDateAdded{font: 70%/110%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif; text-align:center;}
#productPrices{font: 190%/110%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif; margin: 0;}
.tabTable{font: 80%/110%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;}
.tabTable img {margin: 5px;}

.back, .categoryListBoxContents{float:left;text-align:center; font: 80%/140%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;}
.navNextPrevList{float:center;}
.categoryListBoxContents, .centerBoxContentsNew{margin-top:15px;}
.categoryListBoxContents a, .centerBoxContentsNew a{text-decoration: none; }
.tabTable {clear:both; margin: 20px 0;}
.tableHeading, .productListing-rowheading{background: #669900; color: white;}
#cartContentsDisplay td{margin-top:5px; border-bottom: 1px solid #6b6324;}
.cartQuantity input{margin-top: 30px;}
.cartRemoveItemDisplay img {border:none}
#cartSubTotal{float:right; margin-right:51px;}
#freeShippingIcon, .cartRemoveItemDisplay input {display:none;}
.buttonRow{clear:both;}
.buttonRow img{border:none;}
#productQuantityDiscounts{clear:both; margin-top:15px;} 
#productListing {font-size: 140%;}
.listingDescription{margin-top:-10px;}

/* --------------------------------------------
Lists
----------------------------------------------- */

#navMain {
	float: right;
	margin-top: -10px;
	margin-right: 10px;
	font: bold 145%/110%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	font-variant: small-caps;
}

#navMain li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navMain a:link, #navMain a:visited {
	color: #444;
	text-decoration: none; 
	font-size: 90%
	font-weight: bold;
}

#navMain a:hover {text-decoration: underline;}

#navEZPagesTop {
display:none;
}

/*IE7 hack*/
@media {#navEZPagesTop {
	margin: 33px 30px 0px 0px;}}

*html #navEZPagesTop {
	margin: 33px 50px 0px 0px;
}

#navEZPagesTop a:link, #navEZPagesTop a:visited {
	color: #669900;
	text-decoration: none; 
	font-variant: small-caps;
}


#categoriesContent ul {
	margin-top: -13px;
}

#categoriesContent li {
	list-style: none;
	font: 100%/120%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
}



*html #categoriesContent li {
	text-align: right;
	margin-right: 5px;

}




#categoriesContent li a {
	display: block;
	padding: 8px 5px;
	text-decoration: none;
	border-bottom: 1px #bbb solid;
	width: 220px;
	color: #666;
	font-size: 100%;
}

#categoriesContent li a:hover {
	color: #333;
	border-bottom: 1px solid #bbb;
}



.category-subs{
	font: 80%/110%  'Calibri', 'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
} 

.category-products {
	font: 60%/110%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	background-color:#E0EBCC;
}



#main {	font: 95%/140%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif; margin-bottom:20px;	overflow: hidden;}
#links {float:left; width:295px;}
#rechts {float:right; width:295px;}
.centerColumn ul li{margin-left:30px;}
.forward {float:right;}
.clearBoth {clear: both;}
#productAttributes .back {text-align: left; clear:both;}
#productAttributes .back input {margin-right: 20px;}
#productAttributes{width:60%; float: right; margin-top: -15px;}
#cartAdd {width:30%; float:left;}
#cartImage{display: none;}
.cartAttribsList ul {margin-top:-23px;}


#bottom {
	padding: 5px 5px 5px 5px;
	width: 600px;
	\width: 610px;
	w\idth: 600px;
	background-color: #E8F1CD;
	margin-left: 35px;
	margin-top: 20px;
	overflow: hidden;
	color: #669900;}

#column-a {font: 130%/110%  'Calibri', 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;float:left; margin-left: 10px; width:260px;}
#column-b {float:left; margin-left: 20px; width:260px;}
#column-c {float:left; margin-left: 20px; width:260px;}

#productDescription{
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
	color: #444;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
clear:both;
background-color:#eee;
}


#contactHeading, #categoriesHeading, #shoppingcartHeading, #Heading-los, #bestsellersHeading{
	padding: 9px 5px;
	width: 220px;
	\width: 230px;
	w\idth: 220px;
	color: #690;
	font-weight:bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: left;
	font-size: 120%;

}
#searchHeading {display: none;}

#bestsellersContent ol {margin-left: 25px;}

.rowOdd, .productListing-even {background-color:#E0EBCC;}

#shoppingcart hr {display:none;}
#shoppingcartContent {padding: 0 5px; font-size: 90%;}
#shoppingcartContent li {list-style: none;}
#shoppingcartHeading a {color: white;}
.cartBoxTotal {text-align: right; border-top: 1px solid #669900; padding-top: 5px;}
.alert {color:red;}
.labeltext {width: 200px; float:left;}
.back address, .list, address.back{text-align: left;}
.centerBoxContentsAlsoPurch {float: left; text-align: center;}

#front-left{
	width: 280px;
	float:left;
}

#front-right: {
	width: 280px;
	float:right;
}

#front-box {
	border: 1px solid #bbb;
}


/* --------------------------------------------
topmenu
----------------------------------------------- */

#navcontainer{
margin-top:-25px;
margin-left: 37px;
padding: 0;
width: 850px;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
border: 1px solid #bbb;
border-right:0px;
float: left;
width: 100%;
font-size:100%;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.7em 0;
color: #444;
text-decoration: none;
float: left;
border-right: 1px solid #bbb;
background-color: white;
width: 169px;
text-align:center;
}

#navcontainer ul li.oppervlakte a:hover
{
background-color: #0099CC;
color: #fff;
}

#navcontainer ul li.voeding a:hover
{
background-color:#669900;
color: #fff;
}

#navcontainer ul li.grond a:hover
{
background-color:#FFCC00;
color: #fff;
}

#navcontainer ul li.grind a:hover
{
background-color:#4d4d4d;
color: #fff;
}

#navcontainer ul li.daktuin a:hover
{
background-color:#006;
color: #fff;
}

/* --------------------------------------------
slideshow
----------------------------------------------- */

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:250px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border:none;
	padding: 0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}