body {font-family:tahoma, sans-serif;font-size:0.8em;height:100%}

a {text-decoration:underline;color:#4180be}
a:hover {background-color:#4180be;color:white}

/*---------------| FRONT Page |----------------*/

.header {width:777px;margin:30px auto 0px auto;position:relative;height:30px;}
a.logo, a.logo:hover {background:transparent url(../imgs/logo5.png) 50% 0 no-repeat;height:30px;width:269px;display:block;margin:0 auto}

.header p {position:absolute;right:5px;bottom:3px;padding-left:19px;background:transparent url(../imgs/icon_cart.png) 0 2px no-repeat;font-size:0.85em;line-height:17px;cursor:pointer;color:#100f57;}
.header p span {color:#b23f3f;}
.header p span#cartItemsTextAddOn {color:#100f57}

#content {border:1px solid #ccc;width:776px;margin:10px auto;padding:1px 1px 4px 1px;position:relative}

#copyright {color:#bababa;font-size:0.75em;margin:15px auto 10px auto;text-align:left;vertical-align:middle;line-height:25px;position:relative;width:295px}
#copyright a.ideal {background:none;width:25px;height:23px;background:transparent url(../imgs/logo_ideal_small.png) 0 0 no-repeat;text-indent:-10000px;float:right;margin-right:5px}
#copyright a.paypal {background:none;width:93px;height:27px;background:transparent url(../imgs/paypal_logo.gif) 0 0 no-repeat;text-indent:-10000px;float:right;}

.newsletter {background:#e9e9e9 url(../imgs/bg_newsletter.png) 10px 12px no-repeat;float:left;margin:4px 4px 0 4px;width:180px;display:inline;padding:47px 10px 18px 10px;}
.newsletter div {margin-left:10px;margin-bottom:0}
.newsletter input {width:100px;display:inline;vertical-align:top}
.newsletter input.imgButton {width:38px;height:18px;margin-left:5px}
.newsletter h4 {color:white;background-color:#990000;text-transform:uppercase;font-weight:normal;font-size:0.8em;padding:5px 10px;margin-bottom:10px}

#welcome {float:left;margin:4px 0px 0 2px;position:relative;width:564px}
#welcome h2 {color:#01004c;background:transparent url(../imgs/header_welcome2.png) 0 0 no-repeat;height:15px;margin:0.35em 0 0.25em 4px}
#welcome h2 span, #welcome h3 span {display:none}
#welcome h2 strong {color:#990000}
#welcome h3 {color:#303030;font-weight:normal;background:transparent url(../imgs/subheader_welcome.png) 0 0 no-repeat;height:15px;margin:0.25em 0 0.25em 4px}
#welcome p {margin:0.5em 0 0 0;color:#828282;font-family:tahoma,sans-serif;font-size:11px;background-color:#e9e9e9;padding:4px}

#promo {background:transparent url(../imgs/promo4.png) 1px 1px no-repeat;width:643px;height:16.5em;float:right;padding:1px}
body#home #promo {background-image:url(../imgs/promo_home.png)}
body#garden #promo {background-image:url(../imgs/promo_garden.png)}
body#gifts #promo {background-image:url(../imgs/promo_gifts.png)}
body#sale #promo {background-image:url(../imgs/promo_sale.png)}
body#leisure #promo {background-image:url(../imgs/promo_leisure.png)}
body#sports #promo {background-image:url(../imgs/promo_sports.png)}
body#new #promo {background-image:url(../imgs/promo_new.png)}

#productslider {clear:left;background:transparent url(../imgs/bg_productslider.png) 0 1px repeat-x;height:81px;padding-top:23px;padding-bottom:4px}

div#hold { 
  position:relative; 
	display:block;
	height:81px;
	width:776px;
  }
div#wn { 
  position:absolute; left:0; top:0;
  width:776px; height:81px; z-index:1;
  clip:rect(0, 776px, 81px, 0); 
	overflow:hidden;
  }
div#cnt { position:absolute; z-index:1;}

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl { }
table#imgTbl td {
padding-right:1px;
  width:108px; height:81px; 
  vertical-align:middle;
  }


/*---------------| ACCOUNT |----------------*/

#account #addressbook .address-hd {display:none}
#account #addressbook .address-bd {margin-left:2px}

#account #addressbook .address-bd {border:2px solid #0b112b;color:#0b112b}
#account #addressbook .address-btns {visibility:visible}

#account {margin:10px 20px 20px 20px;}

#tabs h1 {color:#a41a1a;font-size:110%;}
#account h2 {font-size:105%;color:#bd3d20;margin-bottom:4px}	
#account h2 span {font-weight:normal}

#orders {width:100%;margin:20px auto;border-spacing:0px;border:2px solid #a41a1a;border-width:2px 0;display:table}
#orders th {background-color:#555555;color:white;border-right:1px solid #414040;padding:5px 10px}
#orders th.last {border:none}
#orders td {font-size:0.9em;padding:10px}

#orders tr.hover td {background-color:#cdcdcd;cursor:pointer}

#orders table th {padding:2px 5px;text-align:left;}
#orders tr.even td {border-right:1px solid #c5dbf7;background-color:#e6f2ff}
#orders tr.odd td {border-right:1px solid #dddddd;background-color:#fff}
#orders a {padding:2px 3px;text-decoration:none;font-size:90%}
#orders td.btn {text-align:center;border:none}
#orders tr td.paymentStatus {width:220px;border:none;cursor:default}
#orders tr.hover td.paymentStatus {background-color:#ddd}

td.paymentStatus .btn {margin-top:5px}


#profile {margin-top:20px}

.order-nav {margin:20px auto;text-align:center}

#tabs h1 {float:left;margin-top:10px}
#tabs h1 span {color:#888;font-weight:normal}
#tabs h1 a {font-weight:normal;text-decoration:none;color:#100f57}
#tabs h1 a:hover {color:#b23f3f;background-color:white}
#tabs {display:block; background:none; font-size:93%; line-height:normal;background:transparent url(../imgs/tab_bg.png) left bottom repeat-x;margin-bottom:10px; }
      
#tabs ul {margin:0;float:right;padding:10px 10px 0 50px;list-style:none; }
#tabs li {display:inline; margin:0; padding:0; }
#tabs li a {float:left;background:url("../imgs/tableftB.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;border-bottom:1px solid #ddd; margin-left:2px;}
#tabs li a span { float:left; display:block; background:url("../imgs/tabrightB.gif") no-repeat right top; padding:5px 10px 4px 6px; color:#666;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs li a span {float:none;}
/* End IE5-Mac hack */

#tabs li a:hover span { color:#000; }
#tabs li a.selected { border-bottom:1px solid white;}  
#tabs li a:hover { background-position:0% -42px; }
#tabs li a.selected, #tabs a.selected:hover { background-position:0% -84px; }      
#tabs li a:hover span { background-position:100% -42px; }
#tabs li a.selected span, #tabs a.selected:hover span  { background-position:100% -84px; }      

#popup {margin:20px auto;width:800px}

p.print {text-align:center;margin-top:20px;}
.cms-text ul {margin-left:50px;}

.cms-text ul {list-style:square;margin:25px;}
.cms-text ol {list-style:decimal;display:list;margin:25px}
.cms-text li {display:list-item;margin-bottom:5px}

.cms-text table {width:100%}

/*===============================================*/
/*-------------------| PRODUCT PAGE |-------------------*/

#bluebar {clear:left;background:transparent url(../imgs/bg_productslider.png) 0 1px repeat-x;height:0px;height:23px;}

.photos {float:left;margin: 0 20px 0 0;position:relative;}
.photos a.photo {width:228px;height:167px;background:none;}
.photos a img {border:none;width:225px;}
.photos h3 {display:block;text-align:center;margin:3px 0 0 0;padding:4px;font-size:0.9em;color:#606c80;font-weight:normal}
.photos h3 span {color:#990000;font-weight:normal;cursor:pointer;text-decoration:underline}
.photos h3 span.selected {color:#606c80}
.photos h3 a:hover {background-color:#606c80;color:white}

.photos h4 {display:block;text-align:center;margin:3px 0 0 0;font-size:0.8em;color:#606c80;font-weight:normal}

#products {position:relative;clear:none}

.product {display:block; padding: 20px; margin:10px 10px;background-color:#e9e9e9;position:relative;}
.product h1 {margin:15px 126px 0 230px;font-family:Verdana; font-size:14px; color:#a41a1a; background: none;text-transform:none;text-align:left;margin-bottom:15px;}
.product p {margin:5px 126px 0 230px;font-family:Verdana; font-size:11px; font-weight:normal; color:#6f6f6f;line-height:1.8em;}

.product form {margin:0;padding:0;background:none;border:0}
.product fieldset label {font-family:Verdana; font-size:11px; font-weight:bold; color:#6f6f6f;line-height:1.8em;display:inline;float:none;}
.product fieldset {margin:20px 0 0 0;padding:0;background:none;border:0}
.product fieldset select {width:200px;display:inline;float:none;margin-top:2px}

.info {position:relative;float:right;text-align:center;width:108px;}
.info h2 {font-family:Verdana; font-size:14px; font-weight:bold; color:#681010; color:#01004c;margin-top:50px}
.info span {margin-top:60px;display:block;width:108px; height:43px; background: transparent url(../imgs/product-inwinkelwagen.png) 0 0 no-repeat;z-index:10;cursor:pointer}


#linkToTop {margin:0 15px 15px 15px;text-align:right}

#cart {margin:0px auto;padding:10px;z-index:3;margin:10px}
#cart h1 {font-size:1em;color:#681010;margin-bottom:15px;background:#e9e9e9 url(../imgs/icon_cart.png) 3px 4px no-repeat;padding:2px;padding-left:27px}
#cart h6 {font-size:1em;color:#681010;margin-top:10px;margin-bottom:15px;text-align:center;padding-top:5px;}

#cartItems {height:330px;overflow:auto}
.cartItem {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee}
.cartItem h2 {font-size:0.9em;}
.cartItem h2 a {color:#a41a1a;}
.cartItem h2 a:hover {color:#681010;background-color:white}
.cartItem h3 {color:#606c80;font-size:0.7em;margin-top:3px;font-weight:normal}
.cartItem h3 span {cursor:pointer;text-decoration:underline}
.cartItem h3 span:hover {color:#681010}
.cartItem h4 {color:#01004c;font-size:1.0em;margin-top:3px;font-weight:normal}
.cartItem h5 {color:#01004c;font-size:1.0em;margin-top:3px;text-align:right}

#naardekassa {background:transparent url(../imgs/btn_naardekassa.png) 0 0 no-repeat;width:121px;height:29px;text-indent:-1000px;margin:5px auto 5px auto;cursor:pointer;display:block}
#verderwinkelen {background:transparent url(../imgs/btn_verderwinkelen.png) 0 0 no-repeat;width:137px;height:29px;text-indent:-1000px;margin:30px auto 5px auto;cursor:pointer;display:block}
#of {text-align:center;display:block;color:#01004c}

/*---------------| CART |----------------*/

#leftPanel{	
	text-align:center;
  background:white url(../imgs/bg_cart.png) right top repeat-y;
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Which font to use */
  /* You shouldn't change these 5 options unless you need to */		
	height:100%;
  left:-220px;
  top:0px;
  width:220px;
  z-index:3;
  position:absolute;
  display:block;
}

#leftPanel span#panelBtn {
	cursor:pointer;
	position: absolute;
	top: 80px;
	right: -28px;
	text-indent: -1000px;
	width: 30px;
	height: 110px;
	background: url(../imgs/showcart2.png) 0 0 no-repeat;
	overflow: hidden;
}
	
#leftPanelContent{
	text-align:left;
	margin:0px;
	padding:0px;
}


/*===============================================*/
/*-------------------| MENUS |-------------------*/

.menu {;list-style:none}
.menu a {text-decoration:none}
#menu-client li.hideElement {display:none;}

/*--| MENU: Client Menu |--*/

#menu-client {list-style:none;color:#201f62;position:absolute;left:5px;bottom:4px}
#menu-client li {display:inline;margin:0 7px 0 0;padding-left:9px;background:transparent url(../imgs/bg_headermenu_item.png) 0 0 no-repeat;float:left;line-height:9px}
#menu-client li a {text-decoration:none;color:#100f57;display:block;background: transparent url(../imgs/menu-client_myaccount_off.png) 0 0 no-repeat;text-indent:-10000px}
#menu-client li.first {background:none;padding-left:0}
#menu-client li a:hover {background-color:#100f57;color:white}

#menu-client li#menu-client_myaccount a {background-image:url(../imgs/menu_myaccount_off.png);width:74px;height:11px}
#menu-client li#menu-client_myaccount a:hover, #menu-client li#menu-client_myaccount a.selected {background-image:url(../imgs/menu_myaccount_on.png)}

#menu-client li#menu-client_newsletter a {background-image:url(../imgs/menu_newsletter_off.png);width:67px;height:9px}
#menu-client li#menu-client_newsletter a:hover, #menu-client li#menu-client_newsletter a.selected {background-image:url(../imgs/menu_newsletter_on.png)}

#menu-client li#menu-client_logout a {background-image:url(../imgs/menu_logout_off.png);width:56px;height:9px}
#menu-client li#menu-client_logout a:hover, #menu-client li#menu-client_logout a.selected {background-image:url(../imgs/menu_logout_on.png)}


/*--| MENU: English Main Menu |--*/

#menu-en {border-bottom:1px solid #ccc;padding:5px 31px;text-align:center;font-weight:bold;font-family:verdana;font-size:0.9em;height:10px;background-color:#e9e9e9}
#menu-en li {margin:0 32px;text-transform:uppercase;float:left;display:inline;padding-top:1px;line-height:10px}
#menu-en li a {background: transparent url(../imgs/menu-en_home_off.png) 0 0 no-repeat;text-indent:-10000px;float:left;}
#menu-en li a.selected, #menu-en li a.selected:hover {color:#990000;background-color:transparent}

#menu-en li#menu-en_home a {background-image:url(../imgs/menu-en_home_off.png);width:35px;height:10px}
#menu-en li#menu-en_home a:hover, #menu-en li#menu-en_home a.selected {background-image:url(../imgs/menu-en_home_on.png)}

#menu-en li#menu-en_garden a {background-image:url(../imgs/menu-en_garden_off.png);width:48px;height:10px}
#menu-en li#menu-en_garden a:hover, #menu-en li#menu-en_garden a.selected {background-image:url(../imgs/menu-en_garden_on.png)}

#menu-en li#menu-en_gifts a {background-image:url(../imgs/menu-en_gifts_off.png);width:34px;height:10px}
#menu-en li#menu-en_gifts a:hover, #menu-en li#menu-en_gifts a.selected {background-image:url(../imgs/menu-en_gifts_on.png)}

#menu-en li#menu-en_sale a {background-image:url(../imgs/menu-en_sale_off.png);width:29px;height:10px}
#menu-en li#menu-en_sale a:hover, #menu-en li#menu-en_sale a.selected {background-image:url(../imgs/menu-en_sale_on.png)}

#menu-en li#menu-en_new a {background-image:url(../imgs/menu-en_new_off.png);width:27px;height:10px}
#menu-en li#menu-en_new a:hover, #menu-en li#menu-en_new a.selected {background-image:url(../imgs/menu-en_new_on.png)}

#menu-en li#menu-en_sports a {background-image:url(../imgs/menu-en_sports_off.png);width:45px;height:10px}
#menu-en li#menu-en_sports a:hover, #menu-en li#menu-en_sports a.selected {background-image:url(../imgs/menu-en_sports_on.png)}

#menu-en li#menu-en_leisure a {background-image:url(../imgs/menu-en_leisure_off.png);width:47px;height:10px}
#menu-en li#menu-en_leisure a:hover, #menu-en li#menu-en_leisure a.selected {background-image:url(../imgs/menu-en_leisure_on.png)}

/*--| MENU: Dutch Main Menu |--*/

#menu-nl {width:130px;height:14.5em;padding-top:25px;border-right:1px solid #ccc;margin:1px 0px;background: #e9e9e9 url(../imgs/bg_menu-nl.png) 0 0 repeat-x;float:left;}
#menu-nl li {background:transparent url(../imgs/bg_menu-nl_item.png) 0 6px no-repeat;padding:2px 0 0 17px;margin:7px 0 0 15px;height:17px;display:block;}

#menu-nl li.first {margin-top:0}

#menu-nl li a {color:#6f6f6f;background: transparent url(../imgs/menu-nl_huis_off.png) 0 0 no-repeat;text-indent:-10000px;display:block}
#menu-nl li a.selected, #menu-nl li a.selected:hover {color:#990000;background-color:transparent}

#menu-nl li#menu-nl_huis a {background-image:url(../imgs/menu-nl_huis_off.png);width:26px;height:12px}
#menu-nl li#menu-nl_huis a:hover, #menu-nl li#menu-nl_huis a.selected {background-image:url(../imgs/menu-nl_huis_on.png)}

#menu-nl li#menu-nl_tuin a {background-image:url(../imgs/menu-nl_tuin_off.png);width:26px;height:12px}
#menu-nl li#menu-nl_tuin a:hover, #menu-nl li#menu-nl_tuin a.selected {background-image:url(../imgs/menu-nl_tuin_on.png)}

#menu-nl li#menu-nl_cadeaus a {background-image:url(../imgs/menu-nl_cadeaus_off.png);width:52px;height:12px}
#menu-nl li#menu-nl_cadeaus a:hover, #menu-nl li#menu-nl_cadeaus a.selected {background-image:url(../imgs/menu-nl_cadeaus_on.png)}

#menu-nl li#menu-nl_sale a {background-image:url(../imgs/menu-nl_sale_off.png);width:26px;height:12px}
#menu-nl li#menu-nl_sale a:hover, #menu-nl li#menu-nl_sale a.selected {background-image:url(../imgs/menu-nl_sale_on.png)}

#menu-nl li#menu-nl_nieuw a {background-image:url(../imgs/menu-nl_nieuw_off.png);width:38px;height:12px}
#menu-nl li#menu-nl_nieuw a:hover, #menu-nl li#menu-nl_nieuw a.selected {background-image:url(../imgs/menu-nl_nieuw_on.png)}

#menu-nl li#menu-nl_sport a {background-image:url(../imgs/menu-nl_sport_off.png);width:33px;height:15px}
#menu-nl li#menu-nl_sport a:hover, #menu-nl li#menu-nl_sport a.selected {background-image:url(../imgs/menu-nl_sport_on.png)}

#menu-nl li#menu-nl_ontspanning a {background-image:url(../imgs/menu-nl_ontspanning_off.png);width:77px;height:15px}
#menu-nl li#menu-nl_ontspanning a:hover, #menu-nl li#menu-nl_ontspanning a.selected {background-image:url(../imgs/menu-nl_ontspanning_on.png)}

/*--| MENU: Sub Menu |--*/

#submenu {list-style:none;text-align:center;font-size:9px;font-family:tahoma,sans-serif;width:632px;display:block;margin:0 auto;}
#submenu li {float:left;padding:0 0 0 9px;background:transparent url(../imgs/bg_headermenu_item.png) 0 0 no-repeat;}
#submenu li.first {background:none}
#submenu li a {color:#404040;text-decoration:none;text-transform:uppercase;background: transparent url(../imgs/submenu_nieuwsbrief_off.png) 0 0 no-repeat;float:left;text-indent:-10000px;line-height:9px;margin-right:8px}

#submenu li#submenu_nieuwsbrief a {background-image:url(../imgs/submenu_nieuwsbrief_off.png);width:62px;height:9px}
#submenu li#submenu_nieuwsbrief a:hover, #menu-en li#submenu_nieuwsbrief a.selected span {background-image:url(../imgs/submenu_nieuwsbrief_on.png)}

#submenu li#submenu_privstatement a {background-image:url(../imgs/submenu_privstatement_off.png);width:88px;height:9px}
#submenu li#submenu_privstatement a:hover, #menu-en li#submenu_privstatement a.selected span {background-image:url(../imgs/submenu_privstatement_on.png)}

#submenu li#submenu_levvoorwaarden a {background-image:url(../imgs/submenu_levvoorwaarden_off.png);width:118px;height:9px}
#submenu li#submenu_levvoorwaarden a:hover, #menu-en li#submenu_levvoorwaarden a.selected span {background-image:url(../imgs/submenu_levvoorwaarden_on.png)}

#submenu li#submenu_algvoorwaarden a {background-image:url(../imgs/submenu_algvoorwaarden_off.png);width:120px;height:9px}
#submenu li#submenu_algvoorwaarden a:hover, #menu-en li#submenu_algvoorwaarden a.selected span {background-image:url(../imgs/submenu_algvoorwaarden_on.png)}

#submenu li#submenu_contact a {background-image:url(../imgs/submenu_contact_off.png);width:41px;height:9px}
#submenu li#submenu_contact a:hover, #menu-en li#submenu_contact a.selected span {background-image:url(../imgs/submenu_contact_on.png)}

#submenu li#submenu_proudly a {background-image:url(../imgs/submenu_proudly_off.png);width:101px;height:9px}
#submenu li#submenu_proudly a:hover, #menu-en li#submenu_proudly a.selected span {background-image:url(../imgs/submenu_proudly_on.png)}