@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-face : Arial;
	font-size: 13px;
	color: #000;
}
img {
	border: 0px;
}
table {
	border-collapse: 0;
	border-spacing: 0;
}
html {
	overflow: scroll;
	overflow-x: auto;
	background: url(../img/bg-leguanen.jpg) top center no-repeat;
}
body {
	background: url(../img/bg-footer.jpg) bottom center no-repeat;
}
/* H1 */
h1 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin: 15px 0 0 0;
}

/* H2 */
form#frm_search h2 {
	color: #4d771c;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 6px 0;
}
form#frm_nieuwsbrief h2 {
	color: #b7da44;
	font-weight: normal;
	font-size: 12px;
	padding-right : 10px;
}
.clear {
	clear: both;
}
/************************************* HEADER *************************************/
#header {
	background: url(../img/blue-lagoon-header-wrapperbg.jpg) top left no-repeat #070702;
	position: relative;
	z-index: 800;
}
#header #header-wrapper {
	margin: 0 auto;
	width: 970px;
	height: 175px;
	background: url(../img/blue-lagoon-header.jpg) 20px  no-repeat;
	position: relative;
}
#header #header-wrapper .terrarium-designer {
	position: absolute;
	top: 85px;
	left: 20px;
}

/************************************* HEADER - HORIZONTAAL MENU *************************************/
#header #menu {
	position: absolute;
	top: 148px;
	left: 20px;
}
#header #menu ul.mainmenuitems {
	width: 100%;
}
#header #menu ul.mainmenuitems li {
	float: left;
	height: 27px;
	_width: 10px;
	white-space: nowrap;
	text-align: center;
	list-style-type: none;
	margin-right: 5px;
	padding: 0 8px 0 0;
	display: inline-block;
	background: url(../img/horizontaal-menu-right.gif) top right no-repeat;
	position:relative;
}
#header #menu ul.mainmenuitems li a {
	display: block;
	text-decoration: none;
	padding: 0 2px 0 10px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	height: 27px;
	background: url(../img/horizontaal-menu-left.gif) top left no-repeat;
}
#header #menu ul.mainmenuitems li a.active,
#header #menu ul.mainmenuitems li a:hover {
	color: #d52800;
}

#header #menu ul.mainmenuitems li ul.submenuitems{
	position:absolute;
	width: auto;
	display:none;
	z-index:1000;
}

#header #menu ul.mainmenuitems li ul.submenuitems li{
    display: block;
    float: none;
    font-size: 12px;
    text-align: left;
    background-color:#ecefc0;
    background-image: url(../img/horizontaal-submenu-left.gif);
    background-position:top left;
    background-repeat: no-repeat;
                        
}
#header #menu ul.mainmenuitems li ul.submenuitems li a{
    background-image: url("../img/arrow-submenu.gif");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px;
}


/************************************* HEADER - WINKELWAGENTJE *************************************/
#account-winkelwagen {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 255px;/*235px;*/
	z-index: 850;
}
#account-winkelwagen div.account {
	display: block;
	color: #010301;
	font-size: 12px;
	text-decoration: none;
	padding: 0 15px 0 25px;
	line-height: 35px;
	background: url(../img/account-btn_large.jpg) top left no-repeat;
	cursor : pointer;
}
#account-winkelwagen div.active {
	color: #4c761c;
	background: url(../img/account-bg-active_large.jpg) top left no-repeat;
}

#account-winkelwagen #winkelwagen {
	position: absolute;
	top: 0px;
	left: 99px;/*79px;*/
	height: 35px;
	width: 95px;
	display: block;
	cursor: pointer;
	color: #010301;
	font-size: 12px;
	text-decoration: none;
	padding: 0 46px 0 15px;
	line-height: 35px;
	xbackground: url(../img/winkelwagen-btn.jpg) top left no-repeat;
}
#account-winkelwagen #winkelwagen.active {
	color: #4c761c;
	background: url(../img/winkelwagen-btn-active.jpg) top left no-repeat;
}

#account-winkelwagen .winkelwagenbg {
	position: absolute;
	top: 0px;
	left: 79px;
	display: block;
	color: #4c761c;
	font-size: 13px;
	text-decoration: none;
	padding: 0 46px 0 15px;
	line-height: 35px;
	background: url(../img/winkelwagen-btn.jpg) top left no-repeat;
}
#account-winkelwagen .account-open,
#account-winkelwagen .winkelwagen-open {
	position: absolute;
	top: 33px;
	left: 0px;
	width: 255px;
	display : none;
}
#account-winkelwagen .account-open p.settings{
    border-top : solid 1px #CDCDCD;
    margin-top : 5px;
    padding-top : 5px;
}
#account-winkelwagen .account-open p.settings a{
    text-decoration : none;
}
.account-open .account-open-top ,
.winkelwagen-open .winkelwagen-open-top {
	width: 255px;
	height: 10px;
	font-size: 1px;
	background: url(../img/open-winkelwagen-top_large.gif) top right no-repeat;
}
.account-open .account-open-top {
	background: url(../img/open-account-top_large.jpg) top left no-repeat;
}
.account-open .account-open-bottom {
	width: 255px;
	height: 5px;
	font-size: 1px;
	background: url(../img/winkelwagen-inhoud-bottom_large.gif) bottom left no-repeat;
}
.winkelwagen-open .winkelwagen-open-bottom {
	width: 255px;
	height: 5px;
	font-size: 1px;
	background: url(../img/winkelwagen-inhoud-bottom_large.gif) bottom right no-repeat;
}
.account-open .account-inhoud {
	background: url(../img/open-winkelwagen-inhoud_large.jpg) top left repeat-y;
	padding: 15px;
	overflow: hidden;
}

.account-open .account-inhoud #account-wwforgot{
	display:none;
}
.account-open .account-inhoud #account-inloggen .back-btn,
.account-open .account-inhoud #account-wwforgot .back-btn{
	float:right;
	margin-top:10px;
}

.winkelwagen-open .winkelwagen-inhoud {
	background: url(../img/open-winkelwagen-inhoud_large.jpg) top right repeat-y;
	padding: 15px;
	overflow: hidden;
}

.account-open .account-inhoud .green-btn{
    margin-top : 10px;
}
.account-open .account-inhoud label,
.account-open .account-inhoud input{
    width : 200px;
}

.winkelwagen-inhoud .firstproduct {
	border-top: none;
	width: 100%;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.winkelwagen-inhoud .product {
	border-top: 1px solid #dde9b9;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.winkelwagen-inhoud .firstproduct .aantal, .winkelwagen-inhoud .product .aantal {
	width: 25px;
	float: left;
}
.winkelwagen-inhoud .firstproduct .omschrijving, .winkelwagen-inhoud .product .omschrijving {
	width: 178px;
	float: left;
}
.winkelwagen-inhoud .totaal {
	border-top: 1px solid #cdcdcd;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	overflow: hidden;
}
.winkelwagen-inhoud .totaal .kosten {
	overflow: hidden;
}
.winkelwagen-inhoud .totaal .kosten .beschrijving {
	float: left;
	padding: 0 0 0 25px;
	width: 100px;
}
.winkelwagen-inhoud .totaal .kosten .bedrag {
	float: left;
}
.winkelwagen-inhoud #kassa {
	padding: 10px 0 0 25px;
	overflow: hidden;
	height: 22px;
}

.winkelwagen-inhoud #kassa .green-btn {
/*	width: 80px;*/
}
.winkelwagen-inhoud #kassa .green-btn a {
	line-height: 22px;
}

.error {
	color: #d22902;
	margin: 0 0 5px 0;
	display:block;
	clear:both;
	font-weight: bold;
}

/************************************* HEADER - CRUMBLEPATH  *************************************/
ul#crumblepath {
	position: absolute;
	top: 196px;
	left: 242px;
	z-index: 99;
}
ul#crumblepath li{
    float : left;
    margin-left : 10px;
    background-image: url('../img/crumble-icon.gif');
	background-position: left 6px;
	background-repeat:no-repeat;
	list-style:none;
	padding-left:15px;
}
ul#crumblepath li.first{
    background-image: none;

	padding-left:0;
    margin-left : 0;
}

ul#crumblepath li.last a{
    color : #d72600;
}

ul#crumblepath li a {
    text-decoration : none;
    font-face : Arial;
    font-size : 12px;
}


/************************************* HEADER - ZOEKEN *************************************/
#zoeken {
	position: absolute;
	top: 187px;
	right: 0px;
	background: url(../img/zoeken.jpg) top left no-repeat;
	width: 235px;
	height: 33px;
	z-index: 99;
}
#zoeken input.txt {
	background: #ffffff;
	color: #666;
	border: none;
	width: 148px;
	position: absolute;
	top: 9px;
	right: 75px;
}
#zoeken .zoek-btn {
	position: absolute;
	top: 6px;
	right: 30px;
	font-style: normal;
	float: right;
}
#zoeken .zoek-btn input.inner-zoek-btn {
	background: none;
	text-decoration: none;
	font-weight: bold;
	border: none;
	color: #ffffff;
	cursor: pointer;
	display: block;
	height: 20px;
	z-index: 100;
}

/************************************* CONTENT LEFT *************************************/
#content-wrapper {
	margin: 0 auto;
	width: 970px;
	overflow: hidden;
}
#content-left {
	float: left;
	width: 208px;
	margin: 55px 15px 0 0;
	padding: 0 0 0 17px;
}
#content-left .block {
	position: relative;
}
#content-left .openen-block {
	cursor: pointer;
}
#content-left .block h3 {
	background: url(../img/block-top.gif) top right no-repeat;
	height: 25px; /* 28 */
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 0 0 35px;
	line-height: 20px;
}
#content-left .block h3 img {
	position: absolute;
	top: 12px;
	right: 10px;
}
#content-left .block .block-open {
	padding: 9px 0 0 0;
	margin: 3px 0 0 0;
	*margin: 3px 0 0 7px;
 	background: url(../img/gradient-bg.gif) top right repeat-y;
}
#content-left .block .block-open .submenuLink,
#content-left .block .block-open .submenu {
	font-size: 13px;
	padding: 0 0 12px 15px;
	margin: 0 0 0 22px;
	cursor: pointer;
	background: url(../img/arrow-right.jpg) top left no-repeat;
}

#content-left .block .block-open .submenuLink a{
    text-decoration : none;
}


#content-left .block .block-open .submenu.active {
	font-size: 13px;
	padding: 0 0 12px 15px;
	cursor: pointer;
	margin: 0 0 0 22px;
	background: url(../img/arrow-down.jpg) top left no-repeat;
}
/*#content-left .block .block-open .submenu ul {
	padding: 9px 0 0 0;
	margin: 3px 0 0 0;
 	background: url(../img/gradient-bg.gif) top right repeat-y;
}
#content-left .block .block-open .submenu ul li {
	list-style-type: none;
	font-size: 13px;
	padding: 0 0 12px 15px;
	margin: 0 0 0 22px;
	background: url(../img/arrow-right.jpg) top left no-repeat;
}
#content-left .block .block-open .submenu ul li.active {
	background: url(../img/arrow-down.jpg) top left no-repeat;
}*/

#content-left .block ul li a {
	text-decoration: none;
}
#content-left .block ul li a:hover {
	color: #4d771c;
	text-decoration: none;
}
#content-left .block .top-block {
	position: absolute;
	top: -5px;
	left: -14px;
	width: 41px;
	height: 41px;
}

#content-left .block ul.subnav{
	display   : none;
}
#content-left .block ul.subnav li {
	padding: 0 0 10px 35px;
	margin: 0 0 0 0;
	list-style: none;
	background: none;
}
#content-left .block ul.subnav li a {
	color: #4c761c;
}

#content-left .block ul.subnav li a.active {
	color: #db421d;
}

#content-left .block .bottom {
	background: url(../img/block-bottom.gif) bottom right no-repeat;
	padding: 0 0 9px 0;
	margin: 0 0 18px 0;
	height: 0px;
	font-size: 1px;
}
/************************************* CONTENT RIGHT *************************************/
#content-right {
	float: left;
	width: 730px;
	margin: 55px 0 0 0;
	position: relative;
	z-index: 99;
}

/*** aanbiedingen ***/
#content-right .aanbiedingenblock {
	border-left: 1px solid #4d771c;
	border-bottom: 1px solid #4d771c;
	border-right: 1px solid #4d771c;
	margin: 0 15px 18px 0;
	overflow: hidden;
	font-style: italic;
	width: 480px;
	float: left;
}
#content-right .aanbiedingenblock .top-block {
	height: 32px;
	background: #4d771c;
	color: #ffffff;
	font-size: 14px;
	font-style: italic;
	line-height: 33px;
}

#content-right .aanbiedingenblock .top-block em {
	padding: 0 0 0 10px;
	color: #ffffff;
	font-size: 22px;
	font-family: "Arial Black", Gadget, sans-serif;
}
#content-right .aanbiedingenblock .top-block div  {
    float: left;
}
#content-right .aanbiedingenblock .top-block div.actions  {
    float: right;
    margin : 8px 20px;
}
#content-right .aanbiedingenblock .top-block div.actions a {
    border:1px solid #FFFFFF;
    color : #ffffff;
    display:block;
    float:left;
    height:15px;
    margin-left : 5px;
    line-height:15px;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    width:15px;

}
#content-right .aanbiedingenblock .top-block div.actions a.active {
    background-color : #ffffff;
    color : #000000;
}
#content-right .aanbiedingenblock .hidden {
    display : none;
}

#content-right .aanbiedingenblock a.actielink {
    clear:left;
	float:left;
	width:230px;
	text-align : center;
}

#content-right .aanbiedingenblock img {

	height: 139px;
}
#content-right .aanbiedingenblock p.prijs {
	margin: 18px 0 0 0;
	float: left;
}
#content-right .aanbiedingenblock p.prijs .bedrag {
	font-size: 25px;
	font-weight: bold;
}

#content-right .aanbiedingenblock .red-btn {
	margin: 40px 0 0 15px;
}
.red-btn {
	background: url(../img/green-btn-left.jpg) top left no-repeat;
	padding: 0 0 3px 5px;
	font-style: normal;
	float: left;
	width: 98px;
}
.red-btn a {
	background: url(../img/green-btn-right.jpg) top right no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding: 3px 5px 3px 0;
	display: block;
	height: 22px;
	z-index: 100;
}

/*** categorien ***/
#content-right .catsblock {
	overflow: hidden;
	width: 230px;
	height: 169px;
	float: left;
	margin: 0 0 20px 20px;
	background : url('../img/home-cat-1.gif') no-repeat top left;
}
#content-right .catsblock h1{
    margin : 5px;
    color :#a8db2d;
    font-weight : bold;
    font-size : 18px;
}
#content-right .catsblock ul {
    /*list-style: square inside url('../img/home-arrow.png');*/
}
#content-right .catsblock ul li{
    margin-left : 10px;
    list-style: square inside url('../img/home-arrow.gif');
}

#content-right .catsblock ul li a{
    color : #ffffff;
    text-decoration : none;
}

#content-right .catsblock.first {
	margin: 0 0 20px 0;
	clear :left;
}
#content-right .cats_2 {
	background : url('../img/home-cat-2.gif') no-repeat top left;
}
#content-right .cats_3 {
	background : url('../img/home-cat-3.gif') no-repeat top left;
}
#content-right .cats_4 {
	background : url('../img/home-cat-4.gif') no-repeat top left;
}
#content-right .cats_5 {
	background : url('../img/home-cat-5.gif') no-repeat top left;
}
#content-right .cats_6 {
	background : url('../img/home-cat-6.gif') no-repeat top left;
}
#content-right .cats_7 {
	background : url('../img/home-cat-7.gif') no-repeat top left;
}
#content-right .cats_8 {
	background : url('../img/home-cat-8.gif') no-repeat top left;
}
#content-right .cats_9 {
	background : url('../img/home-cat-9.gif') no-repeat top left;
}



/*** prodcucten ***/
#content-right .productenblock {
	border-left: 1px solid #b7da44;
	border-bottom: 1px solid #b7da44;
	border-right: 1px solid #b7da44;
	overflow: hidden;
	width: 232px;
	height: 210px;
	float: left;
	margin: 0 0 18px 14px;
}
#content-right .productenblock.first {
	margin: 0 0 18px 0;
}
#content-right .productenblock .top-block {
	height: 20px;
	line-height: 18px;
	background: #b7da44;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 0 10px;
}
#content-right .productenblock .top-block a{
    text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}
#content-right .productenblock img {
	float: left;
    margin:10px 10px 100px;
    width:75px;
}
#content-right .productenblock h1 {
	font-size: 11px;
	font-style: normal;
	height : 37px;
}
#content-right .productenblock p {
    font-size:11px;
    height:24px;
    line-height:12px;
    padding-top:12px;
}
#content-right .productenblock p.prijs {
	margin: 18px 0 0 0;
	float: left;
	font-size: 17px;
	font-weight: bold;
	height : 20px;
	width:130px;
}

.searchTable .green-btn,
#content-right .productdetailblock .green-btn {
	margin: 0 10px;
	width: 131px;
	text-align: center;
	line-height: 22px;
}
.searchTable .green-btn{
	margin: 20px 0 0 0;
}

#content-right .productenblock .green-btn {
	margin: 20px 0 0 0;
	width: 105px;
	text-align: center;
	line-height: 22px;
}

.searchTable .info-btn,
#content-right .productenblock .info-btn {
	float:left;
	margin: 20px 0 0 0;
	width: 24px;
	height: 22px;
	line-height: 22px;
	text-indent:-99999em;
	background-image:url(../img/green-info-btn.gif);
	margin-right:4px;
	outline:none;
}

.green-btn {
	background: url(../img/green-btn-left.jpg) top left no-repeat;
	font-style: normal;
	float: left;
}
.green-btn a {
	background: url(../img/green-btn-right.jpg) top right no-repeat;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 22px;
	z-index: 100;
	color  : #ffffff;
}

#content-right #terrarium-designer {
	margin: 0 0 18px 0;
	float: left;
}

#content-right #paging-aantal-producten #aantal-producten {
	margin: 0 0 18px 0;
	float: right;
}
#content-right #paging-aantal-producten form {
	float: left;
	margin: 0 0 0 18px;
	color: 424242;
}
#content-right #paging-aantal-producten form select {
	background: #b7da44;
	border: none;
}

#paging-aantal-producten #paging {
	float: left;
	width: 300px;
}

#paging-aantal-producten #paging li {
	list-style-type: none;
	float: left;
	margin: 0 5px;
}
#paging-aantal-producten #paging li a {
	color: #424242;
	padding: 0px 2px 0 2px;
	border: 1px solid #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#paging-aantal-producten #paging li a:hover, #paging-aantal-producten #paging li a.active {
	color: #fff;
	background: #b7da44;
	padding: 0px 2px 0 2px;
	border: 1px solid #b7da44;
	text-decoration: none;
	font-weight: bold;
}


/************************************* FOOTER *************************************/
#footer-wrapper {
	width: 970px;
	margin: 0 auto;
	padding: 0px;
}
#footer {
	width: 952px;
	margin: 70px 0 0 17px;
	height: 165px;
	background: url(../img/bg-footer-green.jpg) top left;
}
#footer-wrapper p {
	color: #ffffff;
}

#footer-wrapper p span{
	color: #ffffff;
}

/*** FOOTER - LEFT ***/
#footer-left {
	float: left;
	width: 580px;
}

#footer-left  ul {
	margin: 15px 0 14px 45px;
	width: 100%;
	height:71px;
}

#footer-left ul li {
	line-height: 18px;
	display : block;
	float : left;
	width : 190px;
}
#footer-left ul li a {
	color: #ffffff;
	text-decoration: none;
}
#footer-left ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#footer-left p.copy {
    clear : left;
	color: #a0b28c;
	margin: 0 0 0 45px;
}
#footer-left p.copy a {
	color: #a0b28c;
	text-decoration: underline;
}
#footer-left p.copy a:hover {
	color: #a0b28c;
	text-decoration: none;
}

/*** FOOTER - RIGHT (nieuwsbrief) ***/
#footer-right {
	float: right;
	width: 308px; /* 310 */
}
#frm_nieuwsbrief {
	height: 132px;
	padding: 0 0 0 30px;
	margin: 20px 0 0 0;
	border-left: 1px solid #527626;
}

#frm_nieuwsbrief #newsletter_loader{
	width:16px;
	height:16px;
	background: url(../img/newsletterloader.gif) center center no-repeat;
	position:absolute;
	top:4px;
	left:190px;
	display:none;
}

#frm_nieuwsbrief .aanmelden-nieuwsbrief {
	margin: 10px 0 32px 0;
	background: url(../img/aanmelden-nieuwsbrief.jpg) bottom left no-repeat;
	height: 24px;
	position: relative;
}

#frm_nieuwsbrief .aanmelden-nieuwsbrief input {
	border: 0px;
	background: none;
	position: absolute;
	top: 4px;
	left: 7px;
	width: 175px;
	color: #4d771c;
}
#frm_nieuwsbrief .aanmelden-nieuwsbrief input.aanmelden {
	border: 0px;
	background: none;
	position: absolute;
	top: 0px;
	left: 185px;
	width: 25px;
	height: 24px;
	cursor: pointer;
}
#frm_nieuwsbrief a {
	color: #ffffff;
	text-decoration: underline;
}
#frm_nieuwsbrief a:hover {
	color: #ffffff;
	text-decoration: none;
}

/************************************* PRODUCT INFO *************************************/
div.productdetailblock{
    border : 1px solid #ecefc2;
    background-color : #ecefc2;
}

div.productdetailblock div.right-block{
    width : 463px;
    float : left;
    background-color : #ffffff;
    padding : 15px;
    min-height : 195px;
}

div.productdetailblock div.right-block h3{
    font-weight : bold;
    font-size : 20px;
    color : #226001;
}

div.productdetailblock div.right-block div.info{
    float : left;
    width :260px;
    margin : 10px 10px 10px 0;
}

div.productdetailblock div.right-block div.image-holder{
    float : left;
    width : 190px;
}

div.productdetailblock div.right-block div.image-holder img{
    float : left;
    margin : 5px;
}

div.productdetailblock div.left-block{
    width : 235px;
    float : left;
}
div.productdetailblock div.left-block p{
    margin : 15px 10px 10px 10px;
    font-weight : bold;
    font-size : 12px;
}

p span.deliver{
    color : #4C761C;
}
div.productdetailblock div.left-block p.prijs span{
    font-size : 24px;
}

/************************************* winkelwagen *************************************/
div.searchblock,
div.winkelwagenblock{
    border : 1px solid #ecefc2;
}

div.searchblock div.searchHeader,
div.winkelwagenblock div.winkelwagenHeader{
    background-color : #4D771C;
    height : 30px;
    line-height : 30px;
    font-size : 16px;
    color : #ffffff;
    font-weight : bold;
    vertical-align : middle;
    padding : 0 25px;
}

div.winkelwagenblock table {
    margin : 0 25px 25px 25px;
}

div.searchblock table {
    width : 100%;
}

.winkelwagenTable{
	border-collapse:collapse;
}

div.searchblock table td,
div.winkelwagenblock table td{
    padding : 25px 10px 25px 0;
    border-bottom : 1px solid #ecefc2;
    vertical-align : top;
}



div.winkelwagenblock td.image,
div.searchblock table td.image{
    width : 200px;
    text-align:center;
}
div.winkelwagenblock table td.product{
    width : 295px;
    cursor : pointer;
}
div.winkelwagenblock table td.price{
    width : 140px;
}

div.winkelwagenblock table td.price input{
    width : 30px;
    margin-right : 10px;
}

div.searchblock table td.product img,
div.searchblock table td.product h3,
div.searchblock table td.product p,
div.winkelwagenblock table td.product img,
div.winkelwagenblock table td.product h3,
div.winkelwagenblock table td.product p{
    display : block;
    float : left;
}
div.winkelwagenblock td.image img,
div.searchblock table td.image img{
    height : 80px;
    margin-right : 10px;
}
div.searchblock table td.description {
    cursor : pointer;
}
div.winkelwagenblock table td.product img{
    height : 80px;
    margin-right : 10px;
}

div.winkelwagenblock table td.product h3{
    font-weight : bold;
    font-size : 16px;
    line-height : 20px;
}
div.winkelwagenblock table tfoot tr{
    background-color : #ecf5d6;
}
div.winkelwagenblock table td a.delete{
    text-indent : -999999em;
    background-image : url("/img/btn-delete.jpg");
    width : 17px;
    height : 17px;
    display:block;
    float: left;
}

.green-big-left-btn {
    margin-left : 25px;
    margin-top : 25px;
	background: url(../img/green-btn-big-left-leftarrow.jpg) top left no-repeat;
	padding: 0 0 3px 25px;
	font-style: normal;
	float: left;
	width: 130px;
}
.green-big-left-btn a {
	background: url(../img/green-btn-big-right-leftarrow.jpg) top right no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding: 10px 6px 3px 10px;
	display: block;
	height: 38px;
	z-index: 100;
}

.green-big-right-btn {
    margin-right : 25px;
    margin-top : 25px;
	background: url(../img/green-btn-big-left-rightarrow.jpg) top left no-repeat;
	padding: 0 0 3px 5px;
	font-style: normal;
	float: right;
	width: 110px;
}
.green-big-right-btn a {
	background: url(../img/green-btn-big-right-rightarrow.jpg) top right no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding: 10px 6px 3px 10px;
	display: block;
	height: 38px;
	z-index: 100;
}

/************************************* afrekenen *************************************/
div#afrekenblock div#steps h3 {
    display : block;
    float : left;
    font-face : Arial;
    font-weight : bold;
    font-size : 20px;
    margin : 25px 15px 10px 25px;
    color : #226001;
}

div#afrekenblock div#steps img {
    margin-top : 10px;
}

div#afrekenblock textarea#comments{
    width : 225px;
    height : 70px;
    background-color:#F6F6F6;
    border:1px solid #D7D7D7;
}

div#afrekenblock div#stepContent div.left,
div#afrekenblock div#stepContent div.right{
    border : 1px solid #ecefc2;
    width  : 363px;
    float  : left;
    margin-top : 25px;
    min-height : 240px;
    position : relative;
}

div#afrekenblock div#stepContent div.left{
    border-right : none;
}


div#afrekenblock div#stepContent .top-bar{
    background-color : #226001;
    padding : 5px 25px;
    color : #ffffff;
    font-size : 16px;
    font-weight : bold;
}


div#afrekenblock div#stepContent p {
    margin : 30px 25px;
    font-weight : bold;
    font-size : 14px;
    line-height : 20px;
}

div#afrekenblock div#stepContent label {
    display : block;
    float : left;
    clear : left;
    width : 80px;
    margin : 2px 30px;
}
div#afrekenblock div#stepContent input {
    display : block;
    float : left;
    width : 180px;
    margin : 2px 0;
}

div#afrekenblock div#stepContent div#gegevens input.radiob,
div#afrekenblock div#stepContent input.radiob {
    width : auto;
    border : none;
    background-color : #ffffff;
    margin-right : 20px;
}


div.stapButton {
    float : right;
    position : absolute;
    right : 37px;
    top : 200px;
}
div.stapButton a {
    line-height : 22px;
    padding : 0 10px;
}

div#afrekenblock div#stepContent a.ww-vergeten, div#afrekenblock div#stepContent a.login, div#afrekenblock div#stepContent a.terug {
    color : #80ad65;
    display:block;
    float:left;
    margin:35px 25px 0;
	cursor: pointer;
}

div#vergeten {
	display: none;
}

div#success {
	color: #2D7801;
}

/************************************* afrekenen stap 2 *************************************/
div#gegevens {
    border : 1px solid #ecefc2;
    margin-top : 25px;
    padding : 25px;
    padding-top : 0;
}
div#gegevens h4 {
    font-weight : bold;
    font-size : 16px;
    color:  #226001;
    padding: 25px 0;
    clear : left;
}

div#afrekenblock div#stepContent div#gegevens select,
div#afrekenblock div#stepContent div#gegevens label,
div#afrekenblock div#stepContent div#gegevens input,
div#gegevens select,
div#gegevens input,
div#gegevens label{
    display : block;
    float : left;
    width : 200px;
    height : 20px;
    line-height: 20px;
}
div#afrekenblock div#stepContent div#gegevens select,
div#afrekenblock div#stepContent div#gegevens input,
div#gegevens select,
div#gegevens input{
    background-color : #f6f6f6;
    border : 1px solid #d7d7d7;
    width : 225px;
}

div#afrekenblock div#stepContent div#gegevens label,
div#gegevens label{
    margin : 3px 30px 3px 0;
    clear : left;
}

div#afrekenblock div#stepContent div#gegevens input.address_street,
div#gegevens input.address_street{
    width : 165px;
    margin-right : 8px;
}

div#afrekenblock div#stepContent div#gegevens input.address_number,
div#gegevens input.address_number{
    width : 50px;
}
div#afrekenblock div#stepContent div#gegevens input.zipcode,
div#gegevens input.zipcode{
    width : 65px;
    margin-right : 8px;
}
div#afrekenblock div#stepContent div#gegevens input.city,
div#gegevens input.city{
    width : 150px;
}
div#gegevens input#account{
    width : 16px;
    margin-bottom : 25px;
    margin-right : 5px;
}

div#gegevens h4.account {
    padding-bottom : 0;
}
div#gegevens hr {
    border : none;
    border-top : 1px solid #e6efcc;
    margin-bottom : 25px;
}

div#afrekenblock div#stepContent span{
    color : #ffffff;
    font-size : 11px;
}

div#afrekenblock div#stepContent .stap1 {
    width : 90px;
}

div#afrekenblock div#stepContent .stap3 .inner-green-big-right-btn,
div#afrekenblock div#stepContent .stap1 .inner-green-big-left-btn{
    padding-top : 4px;
}



table#paymentMethods,
table#sendingMethods{
    width : 100%;
}
table#paymentMethods th,
table#sendingMethods th{
    background-color : #226001;
    color : #ffffff;
    text-align : left;
    height : 20px;
    line-height : 20px;
    padding : 5px;
}

div#stepContent div#gegevens table#paymentMethods label {
    width : 350px;
}

form#contact {
    background-color: #4D771C;
}

form#contact label{
    float : left;
    display : block;
    clear : left;
    width : 200px;
    margin-left : 20px;
    color : #ffffff;
}

form#contact input{
    float : left;
    display : block;
    width : 200px;
}

form#contact textarea{
    float : left;
    display : block;
    width : 400px;
    height : 100px;
}

form#contact textarea,
form#contact label,
form#contact input{
    margin-top : 10px;
}


div.error {
    border : 1px solid #ff0000;
    background-color : #ffdede;
    margin-bottom : 10px;
}
div.error h3 {
    font-weight : bold;
    padding : 5px;
    color : #ff0000;
}
div.error ul {
    margin : 5px;
}
div.error ul li{
    list-style : none;
}

div.success {
    border : 1px solid #00ff00;
    background-color : #deffde;
    margin-bottom : 10px;
}
div.success h3 {
    font-weight : bold;
    padding : 5px;
    color : #00ff00;
}
div.orderblock h3{
    margin : 10px;
    margin-bottom : 0;
}
div.orderblock table{
    margin : 2px 10px 13px 10px;
}

div.orderblock table td{
    border : 0;
    padding : 5px;
}

div.orderblock table thead td,
div.orderblock table tfoot td{
    background-color : #4D771C;
    color: #ffffff;
}

div#afrekenblock div#stepContent form#formStepForm input{
    display : none;
}

div#afrekenblock div#stepContent table#sendingMethods label {
    clear:left;
    display:block;
    float:left;
    width:250px;
}

a.tip {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #A8DB2D;
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin-top: 3px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	cursor:pointer;
}

#terrariumbuilder{
    margin-top : 30px;
}

#noFlash {
	padding:64px;
}

ul.errors {
    display:block;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding-left:10px;
    padding-top:10px;    
    border : 1px solid #ff0000;
    background-color : #ffdede;
    
}

div.orderblock table td.btw {
	border-top: 1px solid #4D771C;	
}

#livechat{
	float:right;
	width: 128px;
	margin-right: 81px;

}