/* * [n] Lippens Laurence * [c] Oskar D * [w] www.oskard.be * [d] sept 2008 * * DEFAULT - BLOCKS - HEADER - MAIN - VAR BLOCKS, FORMS e.d. - FOOTER */ img, input{ behavior: url(../iepngfix.htc) } body{font-size: 68.75%; /*background:url(../images/layout/Re_bars_bg_2.png) repeat-x;*/ background-color: #F2F0EC;font-family: Verdana, arial, sans-serif; line-height: 1.6;color: #404040; } /* IE (10px = 62.5%, 11px = 68.75%, 12px = 75%, and so forth) */ html > body { font-size: 11px; } /* All other browsers */ #wrap {width: 968px; min-height:600px;} body a{color:#000000;} #header {height: 112px;} div#header h1 a {display: block;width: 196px;height: 112px;} div#header h1 a span {display: none;} .nl_logo{background: url(../images/layout/Re_logo_cocks_02_nl.jpg) no-repeat 0 0;margin-left:24px;} .fr_logo{background: url(../images/layout/Re_logo_cocks_02_fr.jpg) no-repeat 0 0;margin-left:24px;} /**Top Div's / search + offers **/ #toplogo {float:left;width:220px; height:112px;} #topBanner{background: url(../images/layout/topbanner_new.jpg) no-repeat 0 0;width:537px;height: 112px;float:left;} #topoffer{float:left;background: url(../images/layout/top_formgradient_bg.png) no-repeat 0 0; height: 112px; width:211px;/*border-left: 1px solid #FFFFFF;*/} #topoffer form{padding:30px 0 0 0;} #topoffer a.orderKnop {position:absolute;left:900px;top:50px;display: none;} #topoffer p {position: absolute;left:880px;top:60px;padding:0;color:#000000;} #topoffer a.langSelect {color:#000000;cursor:pointer;font-weight:bold;color:#000000; padding:2px 5px;text-decoration: underline;} #topoffer a:hover.langSelect {color:#000000;cursor:pointer;text-decoration: underline; } #topoffer #active{color:#000000;} /* OLD STYLE! #toplogo {float:left;width:250px; height:112px;} #topoffer{background-repeat: no-repeat; background-image: url(../images/layout/Re_top_bg_flower_2.jpg);float:right;width: 539px;height:112px;} div#topoffer a.orderKnop {position: absolute;left:900px;top:50px;} div#topoffer p {position: absolute;left:855px;top:58px;padding:0;background:#75111F;color:#FFFFFF;} div#topoffer a.langSelect {color:#000000;cursor:pointer;font-weight:bold;color:#FFFFFF; padding:2px;text-decoration: none;} div#topoffer a:hover.langSelect {color:#ffffff;cursor:pointer;text-decoration: underline; } #topoffer form{padding:30px 0 0 340px;} #topoffer #active{color:#000000;background: #FFFFFF;}*/ #content {background-color: #F2F0EC;padding-bottom: 25px;margin:16px 0 0 24px; min-height:400px;} /** #NAV styles. **/ #topmenu {background-repeat: repeat-x;height: 24px;background-image: url(../images/layout/Re_menu_bg.jpg);padding-left: 24px;} ul#nav {right: 24px !important;} ul#nav li { display: inline; } ul#nav li a {background:none repeat scroll 0 0;border-top:2px solid #FFFFFF;color:#FFFFFF;float:left;font-size:10px;font-weight:bold;height:21px;margin-right:3px;padding:2px 12px 0 12px;text-decoration:none;text-transform:uppercase;} #nav a:hover {padding:2px 12px 0 12px;background: url(../images/gfx/Re_btn_menu_hover_2.jpg) repeat-x;} ul#nav li a#current{background: #ffffff; color:#000; height:20px;} /** TabNav **/ #tabNav {float:left;width:100%;background:#F2F0EC;} #tabNav ul {margin:0;padding:0px;list-style:none;} #tabNav li {float:left;margin-right:5px;padding:0;} #tabNav a {display:block;background:#c0b5a2 ;padding:5px 10px;text-decoration:none;font-weight:bold;color:#765;} #tabNav a:hover {color:#333;} #tabNav #current {background:#75101E;} #tabNav #current a {background:#75101E url(../images/layout/tab_bg.png) repeat-x;color:#FFFFFF;padding:5px 10px 5px; } #tabNavContent {clear:left; margin: 0em;} /** Round Corner Wrappers **/ #RCWrap_Home{background:#FFFFFF;border:1px solid #C0B5A2; width:942px;height:426px;font-family: "Lucida Grande", Geneva, Arial, sans-serif;} #RCWrap_News{width: 760px; padding: 0px 0 25px; float:right;font-family: "Lucida Grande", Geneva, Arial, sans-serif;} #RCWrap_about{width: 736px; padding-bottom: 25px; float:right;font-family: "Lucida Grande", Geneva, Arial, sans-serif;} #RCWrap_labels h1 { /*position: relative;*/ top: 2px;} #RCWrap_labels{ width:941px; padding: 20px 0 25px 0; min-height: 200px; background-color: #fff; border: 1px solid #C0B5A2; font-family: "Lucida Grande", Geneva, Arial, sans-serif; } /* IE6 */ * html #RCWrap_labels{ margin-left: -45px;} /** Home content boxes **/ a img {border: none;} #Home_content_tl{width:622px;height:212px;float:left; background:#F3F3F3 none repeat scroll 0 0;} #Home_content_tr{text-align: left; float:right;width:320px;height:212px; background:#F3F3F3 none repeat scroll 0 0;} #Home_content_bl{width:622px; height:214px; float:left; background:#FFF none repeat scroll 0 0;} #Home_content_br{width:320px;height:214px;float:right; background:#EBECE7 none repeat scroll 0 0;} #home_nieuws_txt{float:left; width:297px; height: 212px; background: #FFFFFF;} #home_nieuws_txt h1{font-size: 14px;color:#76101E; padding:10px;} #home_nieuws_img{float:right; width: 325px;} #home_jobs_txt{float:left;width:160px;height:212px;background: #F4F9FC; color:#000000;} #home_jobs_txt h1{font-size: 14px; color:#76101E; padding:10px 10px 0;} #home_jobs_txt h6{border-top:1px solid #76101E;margin:0 10px;padding:0 0 10px;width:140px; font-weight:normal;} #home_jobs_img{float:right;width:160px;} #home_products_img{float:left; width: 297px;background:#ecebe7;} #home_products_txt{float:right; width:325px; height:214px; background: #FFF;} #home_products_txt h1{font-size: 14px;color:#76101E; padding:10px;} #home_register_img{float:left;width: 160px; } #home_register_txt{float:right;width:160px; height:214px; color:#000; } #home_register_txt h1{font-size: 14px;color:#76101E; padding:10px 10px 5px;} .home_P{padding: 0 10px 10px; color:#000000} /*a .home_P {text-decoration: none;}*/ a.homelink {text-decoration: none;} h6{border-top:1px solid #FFFFFF;margin:0 10px;padding:0 0 10px;width:140px; font-weight:normal;} /** Advert content box (sidebar) **/ #advert_wrap {float: left; width: 197px; /*background:url(../images/layout/news/Re_advert_bg_2.png) repeat-y top scroll;*/ margin-top:26px;} #advert_top {background:url(../images/layout/news/Re_advert_top.png) no-repeat top scroll; height:5px; padding:0; } #advert_content{color:#76111F;background:#FCEE4F url(../images/layout/news/Re_advert_body_2.png) repeat-x top scroll; margin:0 0 0 0; padding:10px;} #advert_foot {background:url(../images/layout/news/Re_advert_foot.png) no-repeat bottom scroll;height:6px; } #advert_content h1{ font-size: 14px;color:#76111F; padding:1px 0 0 0px;} #advert_content span{color:#76111F; display:block; min-height:100px; padding:5px;} #advert_top span,#advert_foot span {visibility: hidden;} /** NEWS CONTENT BOX **/ #news_top {background:url(../images/layout/news/news_top.png) no-repeat; height:21px; width:759px; } #news_content{background:#ffffff; min-height:200px; padding:0px; color:#804D02; width:735px; float:left; border:1px solid #C0B5A2;} #news_foot {background:url(../images/layout/news/news_foot.png) no-repeat; height:26px; width:759px; float:left;} #news_content h1{font-size: 14px;color:#804D02; border-bottom:#804D02 1px solid;} .newsItem{width:685px; float:left; padding:10px 0 0 0;} .newsImg{position:absolute; left:755px;float:left; margin:26px 0 0 0;} .newsImg img{ max-width: 170px; _width: expression(this.width > 170 ? 170: true); max-height: 200px; _height: expression(this.height > 200 ? 200: true); } .newsTxt{float:left; width:685px;margin:0 0 10px 10px;} .historyTxt{float:right; width:715px; margin:0 5px 5px 0;} .leesmeer{float:left; margin:15px 0 0; border-top:1px solid #CCCCCC; padding:0;} .leesmeer a{ text-decoration: none; color:#8A9759;} .NewsThumb{ float:right; max-width: 170px; _width: expression(this.width > 170 ? 170: true); max-height: 200px; _height: expression(this.height > 200 ? 200: true); padding:0 0 0 5px; } /** Footer **/ #footerwrap{position:relative;color: #000000; float:left; clear:both; width: 800px;left:25px; padding:0 0; } #footerleft {font-size: 10px;padding-top:4px;float:left;} #footerright {font-size: 10px;float:right;position: relative; top: 25px;} #footerright a {color:#000;} /** ABOUT **/ /**#abouttabs ul {list-style: none;padding: 0;margin: 0;float:left; text-align: center;} #abouttabs ul li {display: block;float:left;background:url(../images/layout/about/off_tab.png);height:20px;width:96px;margin: 0 1px 0 1px;} #abouttabs li {display: inline;} #abouttabs li a {color:#FFFFFF; font-weight: bold; text-decoration: none;} #abouttabs #aboutselected {height:20px; width:119px;background: url(../images/layout/about/active_tab.png); } #abouttabs #aboutselected a{color:#000000;}**/ #aboutcontent_top {clear:left;background:url(../images/layout/about/tabber_top.png) no-repeat;height:28px;} /*#aboutcontent_body {float:left;background: #FFFFFF; border: #C0B5A2 1px solid; margin-bottom: 5px;width:715px; }*/ #aboutcontent_body {float:left;background: #FFFFFF; border: #C0B5A2 1px solid; margin-bottom: 5px;width:100%;} /*IE7*/ *:first-child+html #aboutcontent_body { padding-bottom: 100px;} #aboutcontent_body .aboutp {padding:10px 10px;/*width:921px;*/} #aboutcontent_body .aboutp #onsbedrijf p { width: 70%; margin-left: 180px;} #aboutcontent_body .aboutp #onsbedrijf img {float: left; width: 170px; clear: left; margin: 7px 10px 7px 0;} #aboutcontent_body .aboutp #onsbedrijf img.portret { clear: none; width: 160px; height: 160px;} #aboutcontent_foot {clear:left;background:url(../images/layout/about/tabber_footer.png) no-repeat;height:28px;} /** Labels Boxes **/ .RC_LabelItem{width:158px; height:125px; float:left; margin:0 25px 40px; padding: 0;} .RC_LabelItem h1{padding:5px 5px; display: inline; background: #76111F; color:#FFFFFF; font-weight: normal;} .RC_LabelItem p {padding:0;} .RC_LabelItem img{border:4px solid #C0B5A2; } #recepyPicker{float:left;height:auto !important;margin:10px 11px 20px;/*_margin:10px 20px 20px; _padding:0 0 20px 0;width:140px;*/} #recepyPicker h1{background:#76101E none repeat scroll 0 0;color:#FFFFFF; padding:5px;height:75px; display: table-cell;} #recepyPicker img{width:140px;border: 5px solid #C0B5A2;} #recepyPicker a,#recepyPicker a:hover {text-decoration: none; cursor: pointer;} #recepyPicker:hover{cursor: pointer;} /** Product Detail Page**/ .Product_Row{float:left; width:690px; border-bottom:1px dashed #CCCCCC; padding:10px 20px;} .Detail_ProductItem01{width: 333px; padding: 5px; margin: 0px; float:left;} .Detail_ProductItem02{width: 333px; padding: 5px; margin: 0px; float:left;} .Detail_ProductItem01 img{float:none; width:136px;} .Detail_ProductItem02 img{float:none; width:136px;} #ProdDetailcontent_top {clear:left;background:url(../images/layout/about/tabber_top.png) no-repeat;height:28px;} #ProdDetailcontent_body {float:left;background:#FFFFFF; border:1px solid #C0B5A2;width:734px;} #ProdDetailcontent_body img {float:left; border: #cccccc 1px solid;} #ProdDetailcontent_body p{padding:0 10px; width:165px; float:right;} #ProdDetailcontent_body h1 {color:#CC0000;padding:0 10px; width:170px; float:right;} #ProdDetailcontent_foot {clear:left;background:url(../images/layout/about/tabber_footer.png) no-repeat;height:28px;} /** Forms **/ label {display:block;} .captcha {clear:both;vertical-align:middle;padding:5px;} .captcha img{display:table-cell;width: 60px; height:20px; float:left; padding: 1px 4px 0 0; } .captcha img.securimage {width: 110px; height: 20px;} /* reCaptcha (http://recaptcha.net) */ /* #recaptcha_widget_div { display: inline;} td.recaptcha_r1_c1, td.recaptcha_r2_c2, td.recaptcha_r2_c1, td.recaptcha_r3_c1, td.recaptcha_r3_c2, td.recaptcha_r3_c3, td.recaptcha_r4_c1, td.recaptcha_r4_c2, td.recaptcha_r4_c3, td.recaptcha_r4_c4, td.recaptcha_r7_c1, td.recaptcha_r8_c1, img#recaptcha_reload, img#recaptcha_switch_audio, img#recaptcha_whatsthis {display: none;} */ label.artikelnummer {display: table-cell; float:left;width:160px;} label.omschrijving{display: table-cell; float:left;width:160px;} label.aantalstuks{display: table-cell; float:left;width:160px;clear:right;} input.artikelnummer{clear:left;} input.omschrijving{} input.aantalstuks{} input:focus,textarea:focus,#cv:focus{background-color:#FBEE4F;border:1;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;} #Form input, #cv, #contactform input{ font-size: 14px; width: 250px; margin-right: 6px; border:1px solid #C0B5A2; background: #F2F0EC; } #Form textarea, #contactform textarea{ font-size: 14px; width: 250px; height:80px; border:1px solid #C0B5A2; background: #F2F0EC; margin-right: 6px; } #Form .btn,#contactform .btn, .btn, .btn:hover, .btn a{ width:100px;background:transparent url(../images/layout/Btn_submit.jpg) repeat-x scroll 0 0;border:0 none; font-size: 12px;padding:0 10px;cursor: pointer;text-decoration: none; vertical-align: middle;color:#000000;} #contactform input#norobot {width: 130px;} /*FOCUS*/ #Form input:focus, #cv, #contactform input:focus{ background-color:#FBEE4F;border:1;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;} #Form textarea:focus, #contactform textarea:focus{background-color:#FBEE4F;border:1;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;} #Form .btn,#contactform .btn, .btn, .btn:hover, .btn a{ width:100px;background:transparent url(../images/layout/Btn_submit.jpg) repeat-x scroll 0 0;border:0 none; font-size: 12px;padding:0 10px;cursor: pointer;text-decoration: none; vertical-align: middle;color:#000000;} #contactTabs{background:#F2F0EC none repeat scroll 0 0;float:left;width:100%;} #contactTabs #current {background:#75101E url(../images/layout/tab_bg.png) repeat-x;color:#FFFFFF;padding:5px 10px 5px; } #contactTabs #current a {background:#75101E url(../images/layout/tab_bg.png) repeat-x;color:#FFFFFF;padding:5px 10px 5px; } #contactTabs ul {margin:0;padding:0;} #Contactnav li { /* all list items */clear:left;margin-bottom:0;padding:0;width:400px;} #Contactnav a:hover{background:#75101E url(../images/layout/tab_bg.png) repeat-x;color:#FFFFFF;padding:5px 10px 5px;cursor: pointer; } #Contactnav li ul { /* second-level lists */ display: none;position: absolute;top: 1em;left: 0; } #Contactnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto;left: auto;} #Contactnav li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block;} #RecepyGallery{border:1px solid #C0B5A2;float:left;margin:0 0 20px;padding:5px;width:683px;} .GalItem{margin:0 10px 20px 10px;} .GalItem img{border:5px solid #76101E;} .RecepyImg{max-width: 400px;width:expression(document.body.clientWidth < 389? "150px" : document.body.clientWidth > 402? "150px" : "auto");margin:0 1px 20px 20px;border:5px solid #76101E;float:right;} #flashfilmpje2{float:left;clear:both;} .contactQuery{display: table-cell; margin: 0 auto;} .contactQuery a{float:left; width: 620px;margin:0 auto 3px; padding:5px; color:#000000; text-decoration: none;} .contactQuery a:hover{background:#76111F;color:#fff;} .contactQuery a strong{color:#75101E;} .contactQuery a:hover strong{background:#FFFFFF;color:#000000; padding:4px;} .gallery {float:left; margin:5px;} .gallery img {border:0;} .photo {background-color:#75101e; float:left; height:64px; overflow:hidden; margin:5px; padding:2px; text-align: center; width:96px;} .photo img {border:0; height:64px; max-width:96px;} /* producten > charcuterie > peer navigatie */ .product-peers li {float:left;list-style: none;} .product-peers li a {padding:5px 10px;} .product-peers li.current a {background-color:#76111F; color:#fff;} div#audio_1{width: 208px; height: 78px; margin-top:5px;} div#audio_2{width: 208px; height: 78px; margin-top:5px;} div#audio_3{width: 208px; height: 78px; margin-top:5px;} #RCWrap_about {padding:0 0px 25px;width:736px;} #news_content {margin:26px 0 25px 8px;width:715px;} /** JOBS */ #jobs{margin-bottom:20px;} #jobs h1{font-size: 14px; color:#76101E; padding:10px 0px 0;} #jobs ul{list-style:disc; list-style-position: inside; margin: 0px 10px} #jobs strong{font-size: 12px; font-weight: bold}