@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, label, button, fieldset, legend, optiongroup, ul, ol, li, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe, input, select, textarea { padding:0; margin:0; }

html { height:100%; min-width:801px; overflow-y: scroll;}

body { font:normal 62.5% Arial, Helvetica, sans-serif; height:100%; background:#f3f4f4 url(../images/main-back1.gif) repeat-y top center; color:#000; min-width:1000px; min-width:801px; }

/*form { height:100%; }*/

ul { list-style-type:none; }

a { outline:none; color:#0098d4; text-decoration:none; }

a:hover { text-decoration:underline; }

img { vertical-align:middle; border:none; }

.flo:after {/*fix for IE in styles-ie.css*/ content: "."; visibility: hidden; display: block; clear: both; height:0; }

.clearBoth { clear:both; }
:-moz-any-link:focus, {
 outline: none;
}

.fLeft { float:left; }

.fLeft .tabContent { min-height:300px; }

.fRight { float:right; }

/*---------------------------
	FORM ELEMENTS
---------------------------*/
.check, .radio { vertical-align:top; font:normal 11px/17px Arial, Helvetica, sans-serif; }

.radio input, .check input {/*fix for IE in styles-ie.css*/ vertical-align:middle; }

.lineLabel { font:normal 11px/17px Arial, Helvetica, sans-serif; zoom:1; vertical-align:top; }

.textField {/*fix for IE in styles-ie.css*/ padding:1px 4px 1px 4px; font:normal 11px/13px Arial, Helvetica, sans-serif; color:#000; border:1px solid #9fa2b7; vertical-align:top; background:#fff; }

html*.textField {/*fix for IE and Safari*/ padding-bottom:2px; }

textarea { padding:1px 4px; font-weight:normal; font:normal 11px/14px Arial, Helvetica, sans-serif; overflow:auto; color:#000; margin:0; border:1px solid #9fa2b7; vertical-align:top; background:#fff; width:200px; height:100px; }

select { font:normal 11px/14px Arial, Helvetica, sans-serif; color:#000; border:1px solid #9fa2b7; vertical-align:top; background:#fff; }

.button { vertical-align:top; }

/*-------*/
/*---------------------------
	Layout
---------------------------*/
.mainArea { width:801px; margin:0 auto; background:url(../images/main-back.gif) no-repeat; padding:0 40px; }

.mainLogo { float:left; }

.mainLogo img { display:block; }

.topLinks { float:none; }

.topLinks li { float:left; }

.topLinks li.sep { padding-right:2px; background:url(../images/ico-sep.gif) no-repeat right top; }

.topLinks li a, .topLinks li img { float:left; }

.topLinks li .info { margin-top:6px; }

.topLinks li .info img { background:url(../images/ico-info.gif); }

.topLinks li .info:hover img { background:url(../images/ico-info.gif) no-repeat left bottom; }

.loginInfo { float:right; padding-top:3px; font:bold 1.2em/1.25em Arial, Helvetica, sans-serif; }

.loginInfo li { float:left; }

.loginInfo li span, .loginInfo li a { height:25px; padding:5px 5px 0 5px; display:block; color:#0098d4; float:left; }

.loginInfo li a:hover { color:#2084c2; text-decoration:none; }

.loginInfo li.cur { background-image:url(../images/content-btn-r.gif); background-repeat:no-repeat; background-position:right top; }

.loginInfo li.cur span, .loginInfo li.cur a { padding:5px 14px 0 11px; background-image:url(../images/content-btn-l.gif); background-repeat:no-repeat; background-position:left top; }

.loginInfo li.hover { background-position:right bottom; }

.loginInfo li.hover a { background-position:left bottom; }

.headNavArea1, .headNavArea2 { width:650px; float:right; }

.headNavArea2 { padding:12px 0 0 0; }

.mainSearch { float:right; width:188px; height:23px; background:url(../images/main-search-back.gif) no-repeat; padding:1px; }

.mainSearch .btn { float:right; background:url(../images/main-search-btn.gif); width:23px; height:23px; }

.mainSearch .btn:hover, .mainSearch .hover { background:url(../images/main-search-btn.gif) no-repeat left bottom; }

.mainSearch .text { width:150px; padding-left:7px; height:1.5em; margin-top:3px; font:normal 1.2em/1.5em Arial, Helvetica, sans-serif; float:left; color:#6d7071; background:#fff; border:0; }

.topNav { float:left; font-size:1.2em; line-height:1.5em; color:#b1b3b4; padding:2px 0 0 8px; }

.topNav .sep { padding:0 3px; }

.topNav a { color:#6d7071; }

.topNav a.a { font-size:1.33em; line-height:1.125em; }

.mainNav { width:663px; float:left; margin:13px -10px 0 -4px; position:relative; }

.mainNav li { float:left; }

.mainNav li a { display:block; height:34px; text-indent:-10000px; }

.mainNav li a:hover, .mainNav li.hover a { background-position:left bottom; }

.mainNav li.overEfamol a { background-image:url(../images/menu-over-efamol.gif); width:112px; }

.mainNav li.producten a { background-image:url(../images/menu-producten.gif); width:98px; }

.mainNav li.visolie a { background-image:url(../images/menu-visolie.gif); width:70px; }

.mainNav li.teun a { background-image:url(../images/menu-teun.gif); width:139px; }

.mainNav li.voeding a { background-image:url(../images/menu-voeding.gif); width:145px; }

.mainNav li.webwinkel a { background-image:url(../images/menu-webwinkel.gif); width:99px; }

.mainNav ul { position:absolute; display:none; width:663px; z-index:100; padding-top:10px; padding-bottom:15px; top:34px; left:0; }

.mainNav li.hover ul { display:block; }

.mainNav ul li { background:url(../images/submenu-sep.gif) no-repeat right center; padding:0 11px; }

.mainNav ul li.last { background:none; }

.mainNav ul li a { font-size:1.2em; line-height:1.25em; color:#0098d4; white-space:nowrap; background:none !important; height:auto !important; width:auto !important; text-indent:0 !important; }

/*---------------------------
	Cols
---------------------------*/
.colContainer { font-size:1em; }

.w386 { width:386px; }

.w396 { width:396px; }

.w395 { width:395px; }

.w395R { width:395px; margin-right:9px; }

.w193 { width:193px; }

.w193R { width:193px; margin-right:9px; }

.w596 { width:596px; }

.smartBox { position:relative; margin:0 -9px; zoom:1; }

.smartBox img { position:relative; z-index:10; display:block; }

.adBox { width:396px; height:221px; border-bottom:10px solid #fff; position:relative; display:block; }

.adBox h1 { position:absolute; left:14px; top:9px; }

.adBox .btnMore { position:absolute; top:14px; right:13px; display:block; cursor:pointer; }

.btnMore .btn { background:url(../images/btn-more.png); }

.btnMore:hover { text-decoration:none; }

.btnMore:hover .btn, .btnMore:hover .hover { background:url(../images/btn-more-over.png); }

.adBox .product { position:absolute; left:31px; bottom:19px; }

.adBox1 { background:url(../images/back1.jpg); }

.adBox2 { background:url(../images/back2.jpg); }

.contentBox { border:1px solid #c4c6c6; background:#f3f7f9; font-size:1.2em; line-height:1.5em; color:#6d7071; margin-bottom:10px; position:relative; display:block; }

.minheight190
{
	min-height:190px;
}

.minheight170
{
	min-height:170px;
	height:170px;
}

.minheight180
{
	min-height:180px;
	height:180px;
}

.minheight360
{
	height:360px;
}

.minheight380
{
	height:380px;
}

.minheight160
{
	min-height:160px;
	height:160px;
}

.minheight420
{
	height:420px;
}

.contentBoxA { margin-bottom:-1px; }

.contentBox:hover { text-decoration:none; }

.contentBox .cont { padding:12px 5px 6px 14px; display:table; zoom:1; }

.contentBox h1 { border-bottom:1px solid #fff; padding:15px 0 0 14px; height:55px; margin-bottom:3px; }

.contentBox .mainPic { border-bottom:1px solid #c4c6c6; zoom:1; }

.contentBox .mainPicLeft { float:left; border-right:1px solid #c4c6c6; zoom:1; }

.mainPicTop { border:1px solid #c4c6c6; border-bottom:none; zoom:1; position:relative; }

.mainPicTop .btnMore { position:absolute; top:14px; right:13px; display:block; cursor:pointer; }

.contentBox .mainPic img, .contentBox .mainPicLeft img, .mainPicTop img { display:block; }

.mainPicTop .btnMore img, .contentBox .btnMore img { display:inline; }

.contentBox h2, .contentBox h1 { height:auto; padding:0;border:0px;font-size:1.5em; line-height:1.167em; color:#0071b9; margin-bottom:4px; position:relative; }

.contentBox h2 a,.contentBox h1 a { color:#0071b9; }

.contentBox h2 a:hover,.contentBox h1 a:hover { color:#0098d4; text-decoration:none; }

.contentBox p { padding-bottom:3px; }

.contentBox ul { padding-bottom:3px; }

.cont ul  { margin-left:15px;padding-bottom:3px; list-style-type:disc;}

.cont ul.cLinks, .cont ul.cLinksPurple  , .cont ul.cLinksOrange { margin-left:0;padding-bottom:3px; list-style-type:none;}

/*.contentBox ul li { padding-left:11px; background:url(../images/bul2.gif) no-repeat 0 0.6em; }*/

.min221 { min-height:219px;/*fix for IE in styles-ie.css*/ }

.contentBox .sName { font-size:0.97em; line-height:1.2em; color:#b1b3b4; display:block; margin-bottom:3px; }

.contentBox .sHead { color:#0071b9; }

.contentBox .btnMore { position:absolute; top:14px; right:13px; display:block; cursor:pointer; }

.contentBox h2 .btnMore, .contentBox h1 .btnMore { position:absolute; top:-3px; right:2px; }

.cLinks { padding-top:6px; padding-bottom:3px; white-space:nowrap; margin-right:-8px; margin-bottom:0 !important; }

.cLinks li { float:left; background-image:url(../images/content-btn-r.gif) !important; background-repeat:no-repeat; background-position:right top !important; font-weight:bold; margin-right:5px; padding:0 !important; }

.cLinks li a { background-image:url(../images/content-btn-l.gif) !important; cursor:pointer; background-repeat:no-repeat; display:block; height:25px; padding:4px 12px 0 10px; color:#0098d4; float:left; }

.cLinks li.hover { background-position:right bottom !important; }

.cLinks li.hover a { background-position:left bottom; }

.cLinks .orange { color:#f47e00; }

.cLinks a:hover { text-decoration:none; color:#1e84c4;cursor:pointer; }


.cLinksOrange { padding-top:6px; padding-bottom:3px; white-space:nowrap; margin-right:-8px; margin-bottom:0 !important; }

.cLinksOrange li { float:left; background-image:url(../images/content-btn-orange-r.gif) !important; background-repeat:no-repeat; background-position:right top !important; font-weight:bold; margin-right:5px; padding:0 !important; }

.cLinksOrange li a { background-image:url(../images/content-btn-orange-l.gif) !important; cursor:pointer; background-repeat:no-repeat; display:block; height:25px; padding:4px 22px 0 10px; color:#0098d4; float:left; }

.cLinksOrange li.hover { background-position:right bottom !important; }

.cLinksOrange li.hover a { background-position:left bottom; }

.cLinksOrange a:hover { text-decoration:none; color:#1e84c4;cursor:pointer; }



.contentBoxOrange { background:url(../images/back-orange.jpg) no-repeat; }

.contentBoxPink { background:url(../images/back-pink.jpg) no-repeat; }

.contentBoxOrange .mainPic { border-bottom:1px solid #fff; zoom:1; }

.contentBox .readMore { font-weight:bold; color:#0098d4; padding-left:10px; background:url(../images/bul1.gif) no-repeat left center; }
.contentBox .readMoreOther { font-weight:bold; color:#0098d4; }



.contentBox .contPic { background:url(../images/photo-br.gif) no-repeat bottom right; }

.contentBox .contPic .tr { background:url(../images/photo-tr.gif) no-repeat top right; }

.contentBox .contPic .bl { background:url(../images/photo-bl.gif) no-repeat bottom left; }

.contentBox .contPic .tl { background:url(../images/photo-tl.gif) no-repeat top left; padding:4px 7px 7px 4px; }

.userPhoto { width:84px; float:left; }

.userPhoto dt img { border:1px solid #d8d9d9; padding:2px; background:#fff; }

.userPhoto dd { padding:7px 0 0 3px; }

.contentBox .userInfo { margin-left:98px; }

.contentBox .userInfo p, .contentBox .userInfo dl, .contentBox .userInfo ul { padding-bottom:11px; }

.contentBox .userInfo dt { font-weight:bold; float:left; width:70px; padding-right:3px; }

.contentBoxDarkBlue { border:1px solid #318cc6; background:#005198 url(../images/back-dark-blue.gif) repeat-x; color:#fff; min-height:160px;height:160px; }

.contentBoxDarkBlue h2, .contentBoxDarkBlue h1 { color:#ffe700; }

.contentBoxDarkBlue .sName { color:#fff; }

.contentBoxDarkBlue .readMore { color:#ffe700; background:url(../images/bul3.gif) no-repeat left center; }

.contentBoxPurple { border:1px solid #D1D5D6; background:#844492; color:#fff; padding:12px 14px 12px 14px;}

.contentBoxPurple h2,.contentBoxPurple h1 { color:#fff; font-style:normal;  font-size:1.12em;}

.contentBoxCart {  color:#DDCADF;font-size:1.25em;  float:left; font-weight:bold;padding-right:15px; }

.contentBoxCart a {  color:#DDCADF;text-decoration:none; }

.contentBoxCart a:hover {  color:#844490;text-decoration:none; }

.activeStep { color:#844490; }

.contentBoxBanner { border:1px solid #D1D5D6; background:#FFF; color:#6d7071; padding:12px 0 12px 11px;font-size:1.05em; }

.contentBoxBanner img { border:1px solid #D1D5D6;}

.contentBoxProducts { border:1px solid #D1D5D6; background:#F3F7FA; color:#6d7071; padding:12px 13px 5px 11px;font-size:1.05em;}

.contentBoxProducts h2,.contentBoxProducts h1 { font-weight:bold; font-size:1.7em;}

.contentBoxProducts .productItem { border:1px solid #D1D5D6; background:#FFF; color:#6d7071; padding:8px;font-weight:bold;margin-bottom:3px;font-size:1.1em;}

.darkBlueHdr h1 { background:#005999 url(../images/back-hdr-dark-blue.jpg) no-repeat; height:43px; padding-top:8px; border-bottom:1px solid #d8d9d9; }

.footerArea { padding:10px 0 20px; }

.footerArea .slogan { float:left; }

.footerArea .links { float:right; font-size:1.2em; line-height:1.25em; color:#b1b3b4; }

.footerArea .links .sep { padding:0 3px; }

.tabItems { width:100%; width:435px; margin-right:-40px; position:relative; z-index:10; }

.tabItems li { float:left; margin-right:1px; white-space:nowrap; }

.tabItems li a { margin-bottom:-1px; display:block; font-size:1.2em; line-height:1.25em; padding:7px 7px 7px 8px; border:1px solid #d8d9d9; border-bottom:none; float:left; }

.tabItems li a:active, .tabItems li a:hover { text-decoration:underline; }

.tabItems .tabsSelected a, .ui-tabs-selected a { padding-bottom:8px; margin-bottom:-1px; position:relative; z-index:10; background:#f3f7f9; text-decoration:none !important; color:#6d7071 !important; cursor:default !important; }

.tabItems .tabsDisabled { opacity: .4; }/*fix for IE in styles-ie.css*/

.tabsHide, .ui-tabs-hide { display: none; }

.tabsLoading em { padding: 0 0 0 20px; background: url(../images/loading.gif) no-repeat 0 50%; }

.tabContent { border:1px solid #c4c6c6; background:#f3f7f9; font-size:1.2em; line-height:1.33em; color:#6d7071; margin-bottom:10px; }

.tabContent .cont { padding:14px 5px 0px 14px; }

.tabContent h1 { font-size:1.5em; line-height:1.167em; color:#0071b9; padding-bottom:4px; position:relative; }
.tabContent h3 { font-size:1.5em; line-height:1.167em; color:#0071b9; padding-bottom:4px; position:relative; }

.tabContent p { padding-bottom:16px; }

.tabContent ul { padding-bottom:13px; }

.tabContent ul li { padding-left:11px;/* background:url(../images/bul2.gif) no-repeat 0 0.6em;*/ margin-bottom:3px; }

.tabContent .btnMore { position:absolute; top:-3px; right:2px; }

.tabContent .sName { font-size:0.97em; line-height:1.2em; color:#b1b3b4; display:block; margin-bottom:3px; font-weight:normal;}

.tabContent .cLinks { padding:0 0 13px 0; }

.tabContent .readMore { font-weight:bold; color:#0098d4; padding-left:10px; background:url(../images/bul1.gif) no-repeat left center; }

.tabContent .actionListItem { margin-bottom:4px; border:1px solid #d2d5d6; background:#fff; padding:0 16px 0 6px; }

.tabContent .actionListItem dl { padding:5px 0; }

.tabContent .actionListItem dt { float:left; font-size:1.5em; line-height:1.167em; }

.tabContent .actionListItem dd { float:right; font-size:1.75em; line-height:1em; color:#0098d4; }

.tabContent .actionListItemAct { background:#faf9eb; }

.tabContent .actionListItemAct dt { color:#0071b9; }

.price dt { padding-right:3px; }

.price dd { font-size:1.75em; line-height:1em; color:#318cc6; }

.price dt, dd { display:inline; }



/* jqury scrollable */
.scrollableOuter { width:393px; position:relative;height:219px; }

.scrollable { position:absolute; overflow:hidden; width: 393px; height:219px;  z-index:10; left:0; top:0;
zoom:1;}

/*
	root element for scrollable items. It is
	absolutely positioned with large width.
*/
#thumbs { position:absolute; width:20000em; clear:both; }

/* single item */
#thumbs .item { float:left; width: 393px; height:219px; }

#thumbs .item .img { float:left; width:191px; height:219px; text-align:center; background:url(../images/back-jcarousel-pink.jpg); border-right:1px solid #d1d3d3; }

#thumbs .item .cont { clear:left; width:179px; clear:none; }

/* prev, next, prevPage and nextPage buttons */
.scrollableOuter a.prev, .scrollableOuter a.prevPage { position:absolute; left:-8px; top:50%; z-index:100; cursor:pointer; zoom:1; width:28px; height:28px; display:block; margin-top:-14px; }

.scrollableOuter a.prev img, .scrollableOuter a.prevPage img { background:url(/images/jscroller-left.png); }

.scrollableOuter a.next, .scrollableOuter a.nextPage { position:absolute; right:-8px; top:50%; margin-top:-14px; z-index:100; cursor:pointer; width:28px; height:28px; display:block; }

.scrollableOuter a.next img, .scrollableOuter a.nextPage img { background:url(/images/jscroller-right.png); }

/* mouseover state */
.scrollableOuter a.prev:hover img, .scrollableOuter a.prevPage:hover img{ background:url(/images/jscroller-left-over.png); }

.scrollableOuter a.next:hover img, .scrollableOutera.nextPage:hover img{ background:url(/images/jscroller-right-over.png); }

/* disabled navigational button */
.scrollableOuter a.disabled { visibility:hidden !important; }

#product-review-entry .cont {
	display:block;
	min-height: 110px;
}
.cont ol
{
	margin-left:25px;
}
.margin-left10 { margin-left:10px; }
.margin-bottom0 { margin-bottom:0px;border-bottom:0px; }

.height300 {height:300px;}
.height420 {height:420px;}

.verderWinkelen { float:left; font-weight:bold; padding: 3px 5px 3px 15px; background:url(/images/terug.gif) no-repeat 0 50%; }


.cLinksWhite { float:right;padding-top:6px; padding-bottom:3px; white-space:nowrap; margin-right:-8px; margin-bottom:0 !important; }

.cLinksWhite li { float:left; background-image:url(/images/white-content-btn-r.gif) !important; background-repeat:no-repeat; background-position:right top !important; font-weight:bold; margin-right:5px; padding:0 !important; }

.cLinksWhite li a { background-image:url(/images/white-content-btn-l.gif) !important; background-repeat:no-repeat; display:block; height:25px; padding:5px 22px 0 10px; color:#0098d4; float:left;text-decoration:none; }

.cLinksWhite li.hover { background-position:right bottom !important;text-decoration:none; }

.cLinksWhite li.hover a { background-position:left bottom;text-decoration:none; }



.cLinksPurple { float:right;padding-top:6px; padding-bottom:3px; white-space:nowrap; margin-right:-8px; margin-bottom:0 !important; }

.cLinksPurple li { float:left; background-image:url(/images/purple-content-btn-r.gif) !important; background-repeat:no-repeat; background-position:right top !important; font-weight:bold; margin-right:5px; padding:0 !important; }

.cLinksPurple li a { background-image:url(/images/purple-content-btn-l.gif) !important; background-repeat:no-repeat; display:block; height:25px; padding:5px 22px 0 10px; color:#0098d4; float:left;text-decoration:none; }

.cLinksPurple li.hover { background-position:right bottom !important;text-decoration:none; }

.cLinksPurple li.hover a { background-position:left bottom;text-decoration:none; }

.contentBox th, .contentBox td
{
	font-size: 12px;
}

.white
{
	background:#FFF none repeat scroll 0 0;
	border:1px solid #C4C6C6;
}

.tableblue
{
	color: #1E7EC8;
}
.paars { color:#844492;font-weight:bold; }


.white-small
{
	background:#FFF none repeat scroll 0 0;
	color:#6d7071;
	padding:2px 0 0 5px;
	margin-bottom:3px;

}
.white-small td, .pink-small td
{
	font-size:0.9em;
}
.white-small a, .pink-small a
{
	color:#6d7071;
	font-weight:bold;
}

.pink-small
{
	background:#EFE3F1 none repeat scroll 0 0;
	color:#6d7071;
	padding:2px 0 0 5px;
	margin-bottom:3px;
}

.geel
{
color:#FFE701;
font-weight:bold;
}

.border-right-none { border-right:none; }

.cart2 { margin-bottom:0;width:263px;display:inline;padding:10px; font-size:1.1em; line-height:20px;height:250px;}

.webshop { width: 240px;  border: 1px solid #D3D4D6;padding:4px; color:#6d7071;margin-bottom:3px;}

.padding10 {padding:10px;}

.inputfield { width: 150px;  border: 1px solid #D3D4D6;padding:2px; color:#6d7071;margin-bottom:3px;}


.inputfield-large { width: 410px;  border: 1px solid #D3D4D6;padding:2px; color:#6d7071;margin-bottom:3px;}

td dt, td dd { display:inline; float:left;}

td dt { width:100px;}

.hr-line { color:#D3D4D6; height:1px; }
.no-display {display:none;}
.do-display {display:block;}

.errors {color:red;}

.orange {color:#F47E00;}

.contentBoxCreme1{ padding:10px; border:1px solid #D8D9D9; background:#FAF9EB url(../images/zwangersachapskalender.gif) no-repeat bottom; min-height:160px; }
.contentBoxCreme2{ padding:10px; border:1px solid #D8D9D9; background:#FAF9EB url(../images/zwangersachapskalender.gif) no-repeat bottom; min-height:160px; }
.titleBlue {color:#0F7BBC;font-weight:bold;}
.inputBorder { border:1px solid #D8D9D9; }

.error-block { border:1px solid #F47E00;background-color:#fff;min-height:30px;padding:10px; }
.error-orange {color: #F47E00; }

.eblock-image { margin-bottom:10px; }

.broodkruimel { height:25px;color:#6D7071; font-size:12px;}

.tabContent img { padding-right:10px; }
.tekst { color:#6D7071;font-weight:bolder;font-size:1em;line-height:1.33em;display:inline;}

h4 { color:#F47E00;font-weight:bolder;font-size:1.6em;margin-top:5px;margin-bottom:5px; }

.cont  .purple { color:#844490; }

.advies-right { width:260px; float:left;display:inline;margin-left:10px;margin-top:8px;}
.advies-right p{ font-size:12px;}
.advies-left { width:100px; float:left;display:inline;}