/* CSS design by Thisconnect.be | V1.1 21/11/2007/ */ /* CSS tested on: - Safari 2.0: TESTED - IE 6: TESTED - IE 7: TESTED - FF 2.0: TESTED */ /*********************** basics ***********************/ body { margin: 0;padding: 0; color: #000; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 10px; background-color: #FFF; line-height: 13px;} html, dl, div, img, swf, form {margin:0;padding:0;} a {text-decoration: none;color: #999;} a:hover, .custom_selected_link {text-decoration: underline;color: #000;} .clear {display: block;clear: both;margin: 0;padding:0;border:0;visibility: hidden;} a img {border:0;} /* search box buttons . same code - different id */ #search_shop_in, #search_post_in, #search_prod_in { float:left; margin-right:4px; height:15px; width:140px; font-size:10px; padding-top:3px; border:1px solid #555;} .loupe {margin:3px -3px 0px -3px;} /*********************** LAYOUT ************************/ .lo_row {width:100%;} .lo_center {width:900px;margin:0 auto;} /******************* ROUNDED LINKS *********************/ .roundedStretch, .roundedSmall {display:block;text-decoration:none;color:white;font-weight:bold;float:left;} .roundedStretch {height:22px;} .roundedSmall {height:20px;} a.roundedStretch:hover, a.roundedSmall:hover {text-decoration:none;color:white;cursor:pointer;cursor:hand;} .roundedStretch .l_l, .roundedSmall .l_l, .roundedStretch .l_r, .roundedSmall .l_r {width:5px;height:100%;} .roundedStretch .l_l, .roundedSmall .l_l {float:left;margin-right:-5px;} .roundedStretch .l_r, .roundedSmall .l_r {float:left;margin-left:-5px;} .roundedStretch .l_c, .roundedSmall .l_c { margin-left:2px; /* 5px = to much ?? */ margin-right:2px; /* 5px = to much ?? */ height:100%; float:left; text-align:center; line-height:21px; text-transform:uppercase;} .roundedStretch .l_c {padding:0 15px;} .roundedSmall .l_c {padding:0 10px;line-height:20px;} /* COLOR + WHITE BACKGROUND */ /* same code as r_c, r_l, r_r !! should be one but very much work to update */ #red .l_default .l_c, .l_red .l_c {background-image:url(../../../../images/style_img/but/rounded_red_center.gif);} #red .l_default .l_l, .l_red .l_l {background-image:url(../../../../images/style_img/but/rounded_red_left.gif);} #red .l_default .l_r, .l_red .l_r {background-image:url(../../../../images/style_img/but/rounded_red_right.gif);} #green .l_default .l_c, .l_green .l_c {background-image:url(../../../../images/style_img/but/rounded_green_center.gif);} #green .l_default .l_l, .l_green .l_l {background-image:url(../../../../images/style_img/but/rounded_green_left.gif);} #green .l_default .l_r, .l_green .l_r {background-image:url(../../../../images/style_img/but/rounded_green_right.gif);} #blue .l_default .l_c, .l_blue .l_c {background-image:url(../../../../images/style_img/but/rounded_blue_center.gif);} #blue .l_default .l_l, .l_blue .l_l {background-image:url(../../../../images/style_img/but/rounded_blue_left.gif);} #blue .l_default .l_r, .l_blue .l_r {background-image:url(../../../../images/style_img/but/rounded_blue_right.gif);} #orange .l_default .l_c, .l_orange .l_c {background-image:url(../../../../images/style_img/but/rounded_orange_center.gif);} #orange .l_default .l_l, .l_orange .l_l {background-image:url(../../../../images/style_img/but/rounded_orange_left.gif);} #orange .l_default .l_r, .l_orange .l_r {background-image:url(../../../../images/style_img/but/rounded_orange_right.gif);} .l_grey .l_c {background-image:url(../../../../images/style_img/but/rounded_grey_center.gif);} .l_grey .l_l {background-image:url(../../../../images/style_img/but/rounded_grey_left.gif);} .l_grey .l_r {background-image:url(../../../../images/style_img/but/rounded_grey_right.gif);} /* BLACK + COLOR BACKGROUND */ #orange .l_black_default .l_c, .l_black_orange .l_c {background-image:url(../../../../images/style_img/but/rounded_black_orange_center.gif);} #orange .l_black_default .l_l, .l_black_orange .l_l {background-image:url(../../../../images/style_img/but/rounded_black_orange_left.gif);} #orange .l_black_default .l_r, .l_black_orange .l_r {background-image:url(../../../../images/style_img/but/rounded_black_orange_right.gif);} #red .l_black_default .l_c, .l_black_red .l_c {background-image:url(../../../../images/style_img/but/rounded_black_red_center.gif);} #red .l_black_default .l_l, .l_black_red .l_l {background-image:url(../../../../images/style_img/but/rounded_black_red_left.gif);} #red .l_black_default .l_r, .l_black_red .l_r {background-image:url(../../../../images/style_img/but/rounded_black_red_right.gif);} #green .l_black_default .l_c, .l_black_green .l_c {background-image:url(../../../../images/style_img/but/rounded_black_green_center.gif);} #green .l_black_default .l_l, .l_black_green .l_l {background-image:url(../../../../images/style_img/but/rounded_black_green_left.gif);} #green .l_black_default .l_r, .l_black_green .l_r {background-image:url(../../../../images/style_img/but/rounded_black_green_right.gif);} #blue .l_black_default .l_c, .l_black_blue .l_c {background-image:url(../../../../images/style_img/but/rounded_black_blue_center.gif);} #blue .l_black_default .l_l, .l_black_blue .l_l {background-image:url(../../../../images/style_img/but/rounded_black_blue_left.gif);} #blue .l_black_default .l_r, .l_black_blue .l_r {background-image:url(../../../../images/style_img/but/rounded_black_blue_right.gif);} /*********************** DROPDOWN ************************/ .dropbox {border: 1px solid #AAA;overflow: auto;background-color: #FFF;} .dropitem {display:block;color:#222;font-size:10px;padding-left:5px;line-height:16px;} .dropitem:hover {text-decoration:none;} a.input_dropdown {display:block;height:18px;width:18px;float:left;} /* COLOR DROPDOWN */ #red a.input_dropdown{background-image:url(../../../../images/style_img/choice_change_red.jpg);} #green a.input_dropdown{background-image:url(../../../../images/style_img/choice_change_green.jpg);} #blue a.input_dropdown{background-image:url(../../../../images/style_img/choice_change_blue.jpg);} #orange a.input_dropdown{background-image:url(../../../../images/style_img/choice_change_orange.jpg);} /*********************** BANNER ROW ***********************/ #bannerrow {background-color:#CCC;} /*********************** HEADER ROW ************************/ #headerrow {background-image:url(../../../../images/style_img/bg_header.jpg);background-repeat:repeat-x;height:91px;} #headerborder {height:20px;position:relative;top:66px;width:50%;} #orange #headerborder {background-color:#EDC059;} #red #headerborder {background-color:#F96586;} #green #headerborder {background-color:#89A140;} #blue #headerborder {background-color:#5C96AB;} #header {margin-top:-20px;background-image:url(../../../../images/style_img/bg_header.jpg);background-repeat:repeat-x;} #headerlogo { width:218px; height:70px; border-left:1px solid #CCC; border-top:1px solid #CCC; background-repeat:no-repeat; float:left;} /* LOGO'S NL BE */ #orange .nlnl #headerlogo{background-image:url(../../../../images/style_img/nlnl_logo_orange.jpg);} #red .nlnl #headerlogo{background-image:url(../../../../images/style_img/nlnl_logo_red.jpg);} #green .nlnl #headerlogo{background-image:url(../../../../images/style_img/nlnl_logo_green.jpg);} #blue .nlnl #headerlogo{background-image:url(../../../../images/style_img/nlnl_logo_blue.jpg);} /* LOGO'S NL BE */ #orange .benl #headerlogo{background-image:url(../../../../images/style_img/nl_logo_orange.jpg);} #red .benl #headerlogo{background-image:url(../../../../images/style_img/nl_logo_red.jpg);} #green .benl #headerlogo{background-image:url(../../../../images/style_img/nl_logo_green.jpg);} #blue .benl #headerlogo{background-image:url(../../../../images/style_img/nl_logo_blue.jpg);} /* LOGO'S FR BE */ #orange .befr #headerlogo{background-image:url(../../../../images/style_img/fr_logo_orange.jpg);} #red .befr #headerlogo{background-image:url(../../../../images/style_img/fr_logo_red.jpg);} #green .befr #headerlogo{background-image:url(../../../../images/style_img/fr_logo_green.jpg);} #blue .befr #headerlogo{background-image:url(../../../../images/style_img/fr_logo_blue.jpg);} /* LOGO'S MA*/ #orange .mafr #headerlogo{background-image:url(../../../../images/style_img/ma_logo_orange.jpg);} #red .mafr #headerlogo{background-image:url(../../../../images/style_img/ma_logo_red.jpg);} #green .mafr #headerlogo{background-image:url(../../../../images/style_img/ma_logo_green.jpg);} #blue .mafr #headerlogo{background-image:url(../../../../images/style_img/ma_logo_blue.jpg);} /* LOGO'S CH FR*/ #orange .chfr #headerlogo{background-image:url(../../../../images/style_img/chfr_logo_orange.jpg);} #red .chfr #headerlogo{background-image:url(../../../../images/style_img/chfr_logo_red.jpg);} #green .chfr #headerlogo{background-image:url(../../../../images/style_img/chfr_logo_green.jpg);} #blue .chfr #headerlogo{background-image:url(../../../../images/style_img/chfr_logo_blue.jpg);} /* LOGO'S CH DE*/ #orange .chde #headerlogo{background-image:url(../../../../images/style_img/chde_logo_orange.jpg);} #red .chde #headerlogo{background-image:url(../../../../images/style_img/chde_logo_red.jpg);} #green .chde #headerlogo{background-image:url(../../../../images/style_img/chde_logo_green.jpg);} #blue .chde #headerlogo{background-image:url(../../../../images/style_img/chde_logo_blue.jpg);} /***** header location *****/ #headerlocation {width:200px;height:50px;margin-left:50px;float:left;} #headerlocation #locationlanguage { width:20px; height:35px; padding-top:10px; padding-right:10px; border-right:1px solid #CCC; text-align:right; line-height:12px; font-weight:bold; float:left;} #headerlocation #locationlanguage a:hover {text-decoration:none;} #headerlocation #locationlanguage a.currentlang {color:#444;} #headerlocation #locationplace { float:left; width:130px; height:17px; border:1px solid #AAA; background-color:#FFF; margin-top:20px; margin-left:20px; display:none;} #headerlocation #locationplace p { color:#666; font-weight:bold; line-height:16px; width:100%; margin:0; padding:0; text-align:center;} #headerlocation #locationplace p a { background-image:url(../../../../images/style_img/country_change.jpg); display:block; width:18px; height:18px; float:left;} #headerlocation #locationplace p input { border:none; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 10px; height:13px; width:108px; padding:0; text-align:center; float:left;} /***** header links *****/ #headerlinks { height:25px; width:70px; border-left:1px solid #CCC; float:left; margin-left:80px; padding-left:10px; padding-top:22px;} #headerlinks .headerlink {text-decoration:none;} /***** header search *****/ #headerlogin { width:220px; margin-top:4px; margin-left:45px; padding-bottom:5px; float:left; background-image:url(../../../../images/style_img/login_bottom.gif); background-position:bottom; background-repeat:no-repeat; background-color:white;} #headerlogin #login {border-left:1px solid #DDD;border-right:1px solid #DDD;padding-bottom:4px;} #headerlogin #login p {margin:0;padding:0;margin-left:10px;} #headerlogin #login #loginline1 {padding-top:10px;padding-bottom:10px;font-size:1.1em;font-weight:bold;} #headerlogin #login #loginline2 {padding-top:5px;} #headerlogin #login #loginline2 a {float:right;margin-right:10px;margin-top:-5px;} #headerlogin #login #loginline2 a div.l_c {padding-left:7px;padding-right:7px;} /* smaller for french! */ /***** header menu *****/ #headermenu { height:20px; margin:0; padding:0; position:relative; top:-5px; list-style-type:none; background-color:white; clear:both;} #headermenu li { margin:0;padding:0; display:block; float:left; list-style-type:none; height:20px; background-color:#FFFFFF;} #headermenu li a { display:block; padding-left:10px; padding-right:15px; text-decoration:none; font-size:10px; font-weight:bold; line-height:20px; color:#94928A; text-transform:uppercase;} #headermenu li.menufirst a {padding-left:12px;} #headermenu li.menuselect a {background-repeat:no-repeat;background-position:right;color:white;} /* COLOR MENU */ #orange #headermenu li.menupreselect {background-color: #EDC058;} #orange #headermenu li.menuselect {background-color: #EDC058;} #orange #headermenu li.menupreselect a {color:#8C6239;} #red #headermenu li.menupreselect {background-color: #F96586;} #red #headermenu li.menuselect {background-color: #F96586;} #red #headermenu li.menupreselect a {color:#FCB2C3;} #green #headermenu li.menupreselect {background-color: #89A140;} #green #headermenu li.menuselect {background-color: #89A140;} #green #headermenu li.menupreselect a {color: #DAE8B0;} #blue #headermenu li.menupreselect {background-color: #5C96AB;} #blue #headermenu li.menuselect {background-color: #5C96AB;} #blue #headermenu li.menupreselect a {color: #C3E6F1;} /* COLOR MENU ROUNDED */ #orange #headermenu li.menuselect a {background-image:url(../../../../images/style_img/round_orange.jpg);} #red #headermenu li.menuselect a {background-image:url(../../../../images/style_img/round_red.jpg);} #green #headermenu li.menuselect a {background-image:url(../../../../images/style_img/round_green.jpg);} #blue #headermenu li.menuselect a {background-image:url(../../../../images/style_img/round_blue.jpg);} /************************************************************************/ /*********************** general content elements ***********************/ /************************************************************************/ /************************ content ************************/ #contentrow {height:100%;background-repeat:repeat-x;} /* BG CONTENT GRADIENT */ #orange #contentrow {background-image:url(../../../../images/style_img/bg_content_orange.jpg);background-color:#F4D99B;} #red #contentrow {background-image:url(../../../../images/style_img/bg_content_red.jpg);background-color:#FCB2C3;} #green #contentrow {background-image:url(../../../../images/style_img/bg_content_green.jpg);background-color:#C4D09F;} #blue #contentrow {background-image:url(../../../../images/style_img/bg_content_blue.jpg);background-color:#ADCBD5;} #content {border-left:1px solid #FFF;} /************************ contenttype ************************/ /* SHOW IT OR HIDE IT */ .hideType{display:none;} /* TO COLLAPSE EXPAND */ div.type_hide {height:22px;overflow:hidden;} div.type_view {height:216px;overflow:hidden;} div#type_ouder, div#type_winkel, div#type_leverancier {width:207px;} div#type_winkel, div#type_leverancier {margin-top:5px;} .type_detail{display:block;height:43px;border:1px solid #FFF;margin-top:5px;} /* border to fix strange paddingproblem */ .type_detail{color:white;padding-left:15px;padding-top:145px;} .type_detail:hover {color:white;text-decoration:none;} .nl div#type_ouder .type_detail{background-image:url(../../../../images/style_img/type_red_nl.jpg);} .nl div#type_winkel .type_detail{background-image:url(../../../../images/style_img/type_green_nl.jpg);} .nl div#type_leverancier .type_detail {background-image:url(../../../../images/style_img/type_blue_nl.jpg);} .fr div#type_ouder .type_detail{background-image:url(../../../../images/style_img/type_red_fr.jpg);} .fr div#type_winkel .type_detail{background-image:url(../../../../images/style_img/type_green_fr.jpg);} .fr div#type_leverancier .type_detail {background-image:url(../../../../images/style_img/type_blue_fr.jpg);} .de div#type_ouder .type_detail{background-image:url(../../../../images/style_img/type_red_de.jpg);} .de div#type_winkel .type_detail{background-image:url(../../../../images/style_img/type_green_de.jpg);} .de div#type_leverancier .type_detail {background-image:url(../../../../images/style_img/type_blue_de.jpg);} /************************ contentlist (homepage) ************************/ ul.contentlist {margin:3px 0 2px 25px;padding:0px;} ul.contentlist li.subtitle {font-size:11px;font-weight:bold;text-transform:uppercase} ul.contentlist li.subtext {list-style-type:none;margin-top:5px;color:#666;font-size:10px;} ul.contentlist li.subtext p {margin:0;} /* LIST ON HOMEPAGE */ #orange ul.contentlist li.subtitle {color:#FF7800;list-style-image:url(../../../../images/style_img/list_star_orange.gif);} #red ul.contentlist li.subtitle {color:#BD2243;list-style-image:url(../../../../images/style_img/list_star_red.gif);} #blue ul.contentlist li.subtitle {color:#337C96;list-style-image:url(../../../../images/style_img/list_star_blue.gif);} #green ul.contentlist li.subtitle {color:#6B8910;list-style-image:url(../../../../images/style_img/list_star_green.gif);} /************************ reclame ************************/ .reclame_item {width:207px;margin-bottom:-3px;} .reclame_item img {height:252px;} /************************ search shop product ************************/ #winkel_search, #winkel_filter {padding:10px;} #winkel_search p, #winkel_filter p {color:#FFF;font-size:9px;font-weight:bold;padding:0;margin:0 0 5px 0;} #winkel_filter input {float:left;height:14px;width:170px;font-size:10px;border:1px solid #555;} #winkel_filter a#filter_drop { background-image:url(../../../../images/style_img/filter_winkel.jpg); display:block; width:18px; height:18px; float:left;} #prod_search, #prod_filter {padding:10px;} #prod_search {border-bottom:1px solid #FFF;} #prod_search p, #prod_filter p {color:#FFF;font-size:9px;font-weight:bold;padding:0;margin:0 0 5px 0;} #prod_search input { float:left; margin-right:4px; height:15px; width:150px; font-size:10px; padding-top:3px; border:1px solid #555;} #prod_filter input {float:left;height:14px;width:170px;font-size:10px;border:1px solid #555;} #prod_filter a#filter_drop { background-image:url(../../../../images/style_img/filter_winkel.jpg); display:block; width:18px; height:18px; float:left;} /*********************** Title behavior *********************************/ #orange h1 a{color:#FF7800;} #red h1 a {color:#BD2243;} #green h1 a{color:#6B8910;} #blue h1 a{color:#337C96;} /*********************** blog, lifestyle & nieuws ***********************/ .view, .post {padding:5px;width:416px;} .view h1, .post h1 {font-size:20px;font-weight:lighter;padding:0px 10px;line-height:24px;} /* COLOR TITLES */ #orange .view h1, #orange .post h1 {color:#FF7800;} #red .view h1, #red .post h1 {color:#BD2243;} #green .view h1, #green .post h1 {color:#6B8910;} #blue .view h1, #blue .post h1 {color:#337C96;} .view p.post_text, .post p.post_text {font-size:8pt;line-height:12pt;margin:0 10px 15px 10px;} .view p.post_info, .post p.post_info { font-size: 9px; color: #AAA; line-height: 12px; margin: 0 10px 0 10px; padding-bottom: 10px; border-bottom: 2px #DDD solid;} .view img, .post img {float:left;padding:5px 8px 5px 0;} /* COLOR READ MORE & REACTION LINK */ #orange .view a.post_leesmeer, #orange .post a.post_leesmeer, #orange .post_reaction p.reaction_info a {color:#FF7800;} #red .view a.post_leesmeer, #red .post a.post_leesmeer, #red .post_reaction p.reaction_info a {color:#BD2243;} #green .view a.post_leesmeer, #green .post a.post_leesmeer, #green .post_reaction p.reaction_info a {color:#6B8910;} #blue .view a.post_leesmeer, #blue .post a.post_leesmeer, #blue .post_reaction p.reaction_info a {color:#FF7800;} .post_reaction { margin:0 10px 3px 5px; padding: 10px 10px 0 10px; /*background-image:url(../../../../images/style_img/reaction.gif); background-repeat:no-repeat; background-position:10px 10px;*/ color:#555;} /* COLOR REACTION BACKGROUND */ #orange .post_reaction, #orange div#quote{background-color:#FFEBD9;} #red .post_reaction, #red div#quote{background-color:#FEECF0;} #green .post_reaction, #green div#quote{background-color:#F1F6E1;} #blue .post_reaction, #blue div#quote{background-color:#E8F6FA;} .reaction_text p {margin:0;padding:0;} .post_reaction .reaction_text {float:left;} .post_reaction p.reaction_info { margin: 5px 0 5px -15px; padding:0 0 0 15px; line-height:22px; border-top:1px solid #FFF; color:#777; font-size:9px;} .post_reaction blockquote { margin:0;padding:0; border-bottom:1px dashed #999; font-style:italic; padding:0 8px 8px 8px; margin:0 0 8px 0; color:#B99;} .post_member{ float:left; padding:0 12px 0 0;} #post_search {padding:10px;} #post_search input {width:125px;border:1px solid #555;float:left;} #post_search a {float:left;margin-left:10px;} #post_search p {margin:10px 0 0 0;padding:0;color:white;font-size:9px;} #reaction_form {padding:5px;} #reaction_form h2 {font-weight:normal;} /* H2 REACTION */ #orange #reaction_form h2 {color:#FF7800;} #red #reaction_form h2 {color:#BD2243;} #green #reaction_form h2 {color:#6B8910;} #blue #reaction_form h2 {color:#337C96;} #reaction_form #comment_textarea {height:100px;width:400px;font-family:Verdana;font-size:11px;padding:3px;} #reaction_form #hidden_comment {display:none;} /* QUOTE */ div#quote {width:356px;border:1px;border-bottom:0;border-style:solid;padding: 10px 10px 10px 40px;color:#555;} div#quote p {margin:0;padding:0;} div#quote blockquote { margin:0;padding:0; border-bottom:1px dashed #999; padding:0 8px 8px 8px; margin:2px 0 8px 0; color:#B99;} /* TEXTAREA */ #reaction_form #comment_textarea {border:1px;border-top:0;border-style:solid;} #orange #reaction_form #comment_textarea, #orange div#quote {border-color:#EDC059;} #red #reaction_form #comment_textarea, #red div#quote {border-color:#FCB2C3;} #green #reaction_form #comment_textarea, #green div#quote {border-color:#DAE8B0;} #blue #reaction_form #comment_textarea, #blue div#quote {border-color:#C3E6F1;} #reaction_form input {display:none;float:left;} #reaction_form img {margin-top:5px;} #reaction_form span {line-height:26px;float:left;padding-right:20px;margin-top:5px;} #reaction_form #form_submit {float:right;margin-top:5px;} /*********************** searchshop home & lifestyle ***********************/ #searchshop input { border:1px solid #CCC; float:left; margin-top:5px; margin-right:8px; height:19px; width:140px; } #searchshop p {color:#666;margin:10px 0 0 0;font-size:10px;} #searchshop #searchbutton {float:right;margin-top:5px;} #searchshop #searchbutton img {margin-top:5px;} #searchshop #advancedsearchbutton {margin-top:5px;} /************************ sublist product & dossiers ****************************/ #sublist {margin:5px 0 0 0;padding:2px 0;} /* COLOR SUBMENU */ #orange #sublist {background-color:#FF7800;} #red #sublist {background-color:#BD2243;} #blue #sublist {background-color:#337C96;} #green #sublist {background-color:#6B8910;} #sublist ul {padding:0;margin:5px 0 5px 16px;} #sublist ul li {list-style-type:none;line-height:16px;} #sublist ul li a {color:#FFFFFF;text-transform:uppercase;} #sublist ul li a:hover {text-decoration:none;} #sublist ul li.menu_select a {color:#333;} /* COLOR LIST ITEM */ #orange #sublist ul li.menu_select {list-style-image:url(../../../../images/style_img/list_menu_orange.jpg);} #red #sublist ul li.menu_select {list-style-image:url(../../../../images/style_img/list_menu_red.jpg);} #blue #sublist ul li.menu_select {list-style-image:url(../../../../images/style_img/list_menu_blue.jpg);} #green #sublist ul li.menu_select {list-style-image:url(../../../../images/style_img/list_menu_green.jpg);} /**************************** searchsite *************************************/ .searchwebsite{padding:7px;} .searchwebsite label {float:left;padding-top:5px;margin-right:10px;color:#FFF;} .searchwebsite input {border:1px solid #555;float:left;margin-right:10px;width:270px;} .searchwebite #searchsitebutton {float:left;} .searchwebsite_result #searchresult_count {color:#555;padding-bottom:3px;text-align:center;border-bottom:1px solid #CCC;} .searchwebsite_result #searchresult_count span {font-weight:bold;color:#000;} .searchwebsite_result .oneresult {background-color:#FFEBD9;padding:8px 8px 2px 8px;margin-top:5px;} .searchwebsite_result .oneresult img {float:left;padding-right:10px;} .searchwebsite_result .oneresult .or_title, .searchwebsite_result .oneresult .or_text {margin:0;padding:0;padding-right:10px;color:#444;} .searchwebsite_result .oneresult .or_title {color:#FF7800;font-weight:bold;text-size:13px;margin-bottom:10px;} .searchwebsite_result p.rm_right {margin-top:8px;m} /***************************** read more ************************************/ .read-more, .read-more:hover {text-decoration:none;} p.rm_right{ text-align:right; margin:0; padding-right:16px; background-repeat:no-repeat; background-position:right 12px; padding-top:10px;} /* COLOR READ MORE LINKS */ #orange .read-more {color:#FF7800;} #orange p.rm_right {background-image:url(../../../../images/style_img/arrowdown_orange.gif);} #red .read-more {color:#BD2243;} #red p.rm_right {background-image:url(../../../../images/style_img/arrowdown_red.gif);} #green .read-more {color:#6B8910;} #green p.rm_right {background-image:url(../../../../images/style_img/arrowdown_green.gif);} #blue .read-more {color:#337C96;} #blue p.rm_right {background-image:url(../../../../images/style_img/arrowdown_blue.gif);} /*********************** specific content elements ***********************/ /*************************************************************/ /*********************** homepage ****************************/ /*************************************************************/ #home_col1 {width:669px;float:left;padding:4px 0 4px 4px;} .homebox .roundbox1, .homebox .roundbox2, .homebox .roundbox3 {height:290px;} /* 300px */ #home_col2 {width:223px;float:left;padding:4px 4px 4px 0;} #home_photoshop {height:272px;} #home_photoshop img#home_photo {width:647px;height:269px;} .homebox p {font-size:10px;} .homebox p.rm_right {margin-right:10px;} #ikbenwinkel .ibw_img {display:block;width:207px;height:166px;margin-top:5px;} .nl #ikbenwinkel .ibw_img {background-image:url(../../../../images/style_img/nl_login_winkel.jpg);} .fr #ikbenwinkel .ibw_img {background-image:url(../../../../images/style_img/fr_login_winkel.jpg);} .ma #ikbenwinkel .ibw_img {background-image:url(../../../../images/style_img/fr_login_winkel.jpg);} /* LIST POPULARIE NAMES */ #popnames { font-weight:bold; margin:0;padding:0; padding-top:10px; padding-bottom:10px; font-size:18px; text-align:center;} #popnames li{ padding:0 2px 0 2px; line-height:20px; vertical-align:middle; display:inline; background-position:top left; background-repeat:no-repeat; line-height:26px; vertical-align:middle; text-transform:capitalize} li.pop5{font-size:1.2em;font-weight:normal;color:#444444;} li.pop4{font-size:0.9em;font-weight:normal;color:#666666;} li.pop3{font-size:0.8em;font-weight:normal;color:#888888;} li.pop2{font-size:0.7em;color:#AAAAAA;} li.pop1{font-size:0.6em;color:#BBBBBB;} /******************************************************************/ /*********************** geboortelijst ****************************/ /******************************************************************/ #gbl_col1 {padding:4px 0 4px 4px;width:223px;float:left;} #gbl_col2 {padding:4px 0 4px 0;width:446px;float:left;} #gbl_col3 {padding:4px 4px 4px 0;width:223px;float:left;} #gbl_searchshop #winkel_search {width:187px;margin-top:5px;} #gbl_searchshop #winkel_filter {background-color:#BD2243;width:187px;} #gbl_searchshop #winkel_filter input {width:162px;} #red #gbl_searchshop #winkel_search, #red #gbl_searchshop #winkel_filter {background-color:#BD2243;} #green #gbl_searchshop #winkel_search, #green #gbl_searchshop #winkel_filter {background-color:#6B8910;} #blue #gbl_searchshop #winkel_search, #blue #gbl_searchshop #winkel_filter {background-color:#337C96;} #orange #gbl_searchshop #winkel_search, #orange #gbl_searchshop #winkel_filter {background-color:#FF7800;} #gbl_moviephoto img {width:430px;} .gbl_item h1 {margin:0px;font-size:20px;font-weight:lighter;padding:10px 10px;line-height:24px;} /* TITLES */ /* should be general! */ #red .gbl_item h1, #red .gbl_item h2 {color:#BD2243;} #green .gbl_item h1, #green .gbl_item h2 {color:#6B8910;} #blue .gbl_item h1, #blue .gbl_item h2 {color:#337C96;} #orange .gbl_item h1, #orange .gbl_item h2 {color:#FF7800;} .gbl_item p {margin:0px;font-size:8pt;line-height:12pt;padding:10px;} .gbl_item div.gbl_innerdiv {padding:5px;} /* BACKGROUND COLOR DIV */ #red .gbl_item div.gbl_innerdiv {background-color:#FEECF0;} #green .gbl_item div.gbl_innerdiv {background-color:#F1F6E1;} #blue .gbl_item div.gbl_innerdiv {background-color:#E8F6FA;} #orange .gbl_item div.gbl_innerdiv {background-color:#FFEBD9;} .gbl_item div h2, .gbl_item h2 { font-size:16px; padding:0 10px; margin:0 0 20px 0; line-height:22px; font-weight:lighter;} #red .gbl_item div h2, #red .gbl_item h2 {color:#BD2243;} #green .gbl_item div h2, #green .gbl_item h2 {color:#6B8910;} #blue .gbl_item div h2, #blue .gbl_item h2 {color:#337C96;} #orange .gbl_item div h2, #orange .gbl_item h2 {color:#FF7800;} .gbl_item ul {padding:0;margin:0;width:420px;} .gbl_item ul li {margin:0;padding:0;margin-left:26px;padding-bottom:5px;padding-left:10px;} /* COLOR LIST ITEMS */ #red .gbl_item ul li {list-style-image:url(../../../../images/style_img/list_cube_red.gif);} #green .gbl_item ul li {list-style-image:url(../../../../images/style_img/list_cube_green.gif);} #blue .gbl_item ul li {list-style-image:url(../../../../images/style_img/list_cube_blue.gif);} #orange .gbl_item ul li {list-style-image:url(../../../../images/style_img/list_cube_orange.gif);} .gbl_item img {padding:4px;} /* COLOR BORDER IMAGES */ #red .gbl_item img {border:1px solid #F48BA1;} #green .gbl_item img {border:1px solid #A3B469;} #blue .gbl_item img {border:1px solid #68C1DC;} #orange .gbl_item img {border:1px solid #FFEBD9;} .gbl_item img.f_right {float:right;margin:5px 5px 5px 5px;} .gbl_item img.f_left {float:left;margin:5px 5px 5px 5px;} #gbl_menu {margin:0 0 0 11px;padding:5px 0 3px 0;width:185px;} #gbl_menu li {list-style-type:none;padding-bottom:5px;} #gbl_menu li a {text-transform:uppercase;} #gbl_menu li a:hover {text-decoration:none;} /* COLOR STYLE MENU */ #red #gbl_menu {background-color:#BD2243;} #green #gbl_menu {background-color:#6B8910;} #blue #gbl_menu {background-color:#337C96;} #orange #gbl_menu {background-color:#FF7800;} #red #gbl_menu li a {color:#F48BA1;} #green #gbl_menu li a {color:#DAE8B0;} #blue #gbl_menu li a {color:#C3E6F1;} #orange #gbl_menu li a {color:#F2D28A;} #red #gbl_menu li.menu_select {list-style-image:url(../../../../images/style_img/list_menu_red.jpg);} #green #gbl_menu li.menu_select {list-style-image:url(../../../../images/style_img/list_menu_green.jpg);} #blue #gbl_menu li.menu_select {list-style-image:url(../../../../images/style_img/list_menu_blue.jpg);} #orange #gbl_menu li.menu_select {list-style-image:url(../../../../images/style_img/list_menu_orange.jpg);} #red #gbl_menu li.menu_select a {color:white;} #green #gbl_menu li.menu_select a {color:white;} #blue #gbl_menu li.menu_select a {color:white;} #orange #gbl_menu li.menu_select a {color:white;} #gbl_interesse a.interesse { display:block; width:167px; height:34px; padding-top:63px; padding-left:40px; color:white;} #gbl_interesse a.interesse:hover {text-decoration:none} /* WILL CHANGE */ #red .nl #gbl_interesse a.interesse {background-image:url(../../../../images/style_img/interesse_red.jpg);} #red .fr #gbl_interesse a.interesse {background-image:url(../../../../images/style_img/interesse_red.jpg);} #red .ma #gbl_interesse a.interesse {background-image:url(../../../../images/style_img/interesse_red.jpg);} #red .ma #gbl_interesse a.interesse {background-image:url(../../../../images/style_img/interesse_red.jpg);} #green .nl #gbl_interesse a.interesse {background-image:url(../../../../images/style_img/nl_interesse_green.jpg);} #green .fr #gbl_interesse a.interesse {background-image:url(../../../../images/style_img/fr_interesse_green.jpg);} #green .ma #gbl_interesse a.interesse {background-image:url(../../../../images/style_img/fr_interesse_green.jpg);} #green .ma #gbl_interesse a.interesse {background-image:url(../../../../images/style_img/de_interesse_green.jpg);} .contact_form {margin-top:0;} .contact_form p {margin:0;padding:0;border-bottom:1px solid #FFF;padding:5px;} .contact_form input {margin:0;padding:0;height:16px;} .contact_form input.input_large {width:255px;} /* COLOR INPUTBOX BORDER*/ #red .contact_form input {border:1px solid #FCB2C3;} #green .contact_form input {border:1px solid #6B8910;} #blue .contact_form input {border:1px solid #337C96;} #orange .contact_form input {border:1px solid #EDC059;} .contact_form label {width:120px;display:block;margin:0;padding:0;float:left;padding-left:15px;} .contact_form label.fillin {background-repeat:no-repeat;} /* COLOR FILLIN STAR */ #orange .contact_form label.fillin, #orange #contact_verplicht {background-image:url(../../../../images/style_img/list_star_orange.gif);} #green .contact_form label.fillin, #green #contact_verplicht {background-image:url(../../../../images/style_img/list_star_green.gif);} #red .contact_form label.fillin, #red #contact_verplicht {background-image:url(../../../../images/style_img/list_star_red.gif);} #blue .contact_form label.fillin, #blue #contact_verplicht {background-image:url(../../../../images/style_img/list_star_blue.gif);} .contact_form input#input_postcode {width:58px;} .contact_form input#input_stad {width:190px;margin-left:5px;} .contact_form input#input_keuze {width:236px;} #contact_keuze {border:0;} #contact_keuze input {float:left;} .contact_form img {border:0;margin:0;padding:0;} .contact_form img.input_star {margin-left:5px;} .contact_form img.input_dropdown {float:let;} #contact_checkbox {height:20px;} #contact_checkbox .checkbox {display:block;width:14px;height:14px;float:left;} /* COLOR CHECK / UNCHECK */ #green #contact_checkbox .checked {background-image:url(../../../../images/style_img/check_green.jpg);} #green #contact_checkbox .unchecked {background-image:url(../../../../images/style_img/uncheck_green.jpg);} #red #contact_checkbox .checked {background-image:url(../../../../images/style_img/check_red.jpg);} #red #contact_checkbox .unchecked {background-image:url(../../../../images/style_img/uncheck_red.jpg);} #blue #contact_checkbox .checked {background-image:url(../../../../images/style_img/check_blue.jpg);} #blue #contact_checkbox .unchecked {background-image:url(../../../../images/style_img/uncheck_blue.jpg);} #orange #contact_checkbox .checked {background-image:url(../../../../images/style_img/check_orange.jpg);} #orange #contact_checkbox .unchecked {background-image:url(../../../../images/style_img/uncheck_orange.jpg);} #contact_checkbox img {margin-right:10px;} #contact_checkbox span {margin:0 10px 0 5px;float:left;} #contact_checkbox input {display:none;} #contact_message label {margin-bottom:10px;float:none;} #contact_message textarea {margin:0;padding:0;float:none;width:380px;height:60px;} /* COLOR BORDER TEXTAREA AGAIN!! */ #red #contact_message textarea {border:1px solid #FCB2C3;} #orange #contact_message textarea {border:1px solid #EDC059;} #green #contact_message textarea {border:1px solid #6B8910;} #blue #contact_message textarea {border:1px solid #337C96;} #contact_verplicht { line-height:18px; padding-left:10px 0 10px 25px; background-position:10px 5px; background-repeat:no-repeat;} #form_reset, #form_submit {float:right;margin-left:5px;} #contact_form_submit {width:430px;margin-top:10px;} .login_form {margin:0;padding:0;} .login_form p {margin:0;padding:5px;} .login_form input {margin:0;padding:0;height:16px;border:1px solid #FF7800;} .login_form label {width:135px;display:block;margin:0;padding:0;float:left;} #orange .login_form img {border:0;margin:0;padding:0;} #orange .login_form img.input_star {margin-left:5px;} #login_verplicht {line-height:18px;} #form_reset, #form_submit {float:right;margin-left:5px;} #login_form_submit {width:430px;margin-top:10px;} .fout404 p{margin:0;padding:5px;} .fout404 a:hover{text-decoration:none;} #orange .fout404 a {color:#FF7800;} #red .fout404 a {color:#BD2243;} #green .fout404 a {color:#6B8910;} #blue .fout404 a {color:#337C96;} /************************************************************/ /*********************** winkels ****************************/ /************************************************************/ #winkel_col1 {padding:4px 0 4px 4px;width:669px;float:left;} /* 673px */ #winkel_col2 {padding:4px 4px 4px 0;width:223px;float:left;} /* 227px */ #winkel_col3 {width:223px;float:left;} #winkel_col4 {width:446px;float:left;} /* FIRSTTAB */ .firsttab #winkel_indekijker {padding-bottom:0px;padding-right:0px;} .firsttab #winkel_indekijker .roundtitle {margin-bottom:0px;} body .firsttab #winkel_indekijker .rb1_bottom {background-image:none;background-color:#FFF;} .firsttab #winkel_overzicht {padding:3px 0 0 0;} body .firsttab #winkel_overzicht .rb1_top {background-image:none;} body .firsttab #winkel_overzicht .rb1_bottom { background-image:url(../../../../images/style_img/r/r1_orange_white_left.gif); background-position:0 -4px;} .firsttab #winkel_overzicht .roundbox1 {background-color:transparent;text-transform:uppercase;text-align:center;} .firsttab #winkel_overzicht .roundbox1 a {color:#8C6239;line-height:22px;} .firsttab #winkel_overzicht .roundbox1 a:hover {text-decoration:none;} .firsttab #winkel_tabinhoud {margin:0;padding:0px 3px 3px 3px;} body .firsttab #winkel_tabinhoud .rb3_top {background-image:url(../../../../images/style_img/r/r3_white_orange_special.gif);} /**************/ /* SECONDTAB */ .secondtab #winkel_overzicht {padding-bottom:0px;padding-left:0px;padding-right:0px;} .secondtab #winkel_overzicht .roundtitle {margin-bottom:0px;} body .secondtab #winkel_overzicht .rb1_bottom {background-image:none;background-color:#FFF;} .secondtab #winkel_indekijker {padding:3px 0 0 3px;} body .secondtab #winkel_indekijker .rb1_top {background-image:none;} body .secondtab #winkel_indekijker .rb1_bottom { background-image:url(../../../../images/style_img/r/r1_orange_white_right.gif); background-position:0 -4px;} .secondtab #winkel_indekijker .roundbox1 {background-color:transparent;text-transform:uppercase;text-align:center;} .secondtab #winkel_indekijker .roundbox1 a {color:#8C6239;line-height:22px;} .secondtab #winkel_indekijker .roundbox1 a:hover {text-decoration:none;} .secondtab #winkel_tabinhoud {margin:0;padding:0px 3px 3px 3px;} .secondtab #winkel_extratab {padding:3px 3px 0 0;} body .secondtab #winkel_extratab .rb1_top {background-image:none;} body .secondtab #winkel_extratab .rb1_bottom { background-image:url(../../../../images/style_img/r/r1_orange_white_left.gif); background-position:0 -4px;} body .secondtab #winkel_extratab .roundbox1 {height:22px;background-color:transparent;} /******************/ #winkel_photoshop, #winkel_map {height:300px;width:653px;} #winkel_photoshop img {height:300px;} #winkel_map #winkel_google_map {height:300px;width:653px;} #showNav {height:10px;line-height:10px;margin:0;padding:0;margin-bottom:5px;text-align:right;} #showImage {height:285px;width:653px;} #showProdImage {height:285px;width:425px;margin-bottom:5px;margin-top:5px;} #showVideo {height:285px;width:653px;display:none;} #showGoogleMap {height:285px;width:653px;display:none;} .showNavF, .showNavV, .showNavM, .greyshowNavF, .greyshowNavV{ display:block; height:8px; width:12px; float:left; margin-right:5px; background-repeat:no-repeat; background-position:right;} /* COLOR BUTTONS */ #orange .showNavF {background-image:url(../../../../images/style_img/bolorange.gif);} #orange .showNavV {background-image:url(../../../../images/style_img/filmorange.gif);} #red .showNavF {background-image:url(../../../../images/style_img/bolred.gif);} #red .showNavV {background-image:url(../../../../images/style_img/filmred.gif);} #green .showNavF {background-image:url(../../../../images/style_img/bolgreen.gif);} #green .showNavV {background-image:url(../../../../images/style_img/filmgreen.gif);} #blue .showNavF {background-image:url(../../../../images/style_img/bolblue.gif);} #blue .showNavV {background-image:url(../../../../images/style_img/filmblue.gif);} .greyshowNavF {background-image:url(../../../../images/style_img/bolgrey.gif);} .greyshowNavV {background-image:url(../../../../images/style_img/filmgrey.gif);} #winkel_row5 #winkel_search, #winkel_row5 #winkel_filter {width:197px;} #winkel_detail {text-align:center;width:207px;height: 145px;} #winkel_detail #winkel_logo {margin-top:5px;} #winkel_detail #winkel_contact {border:1px solid #FFF1E5;text-align:left;} /* border to fix strange marginthing */ #winkel_contact {padding:10px;margin-top:5px;width:187px;height:80px;height: 97px;} #winkel_contact p {margin:0;padding:0;color:#777;font-size:7pt;} /* COLOR BACKGROUND DIV AGAIN !! */ #orange #winkel_detail #winkel_contact, #orange #winkel_smallcontact #winkel_contact {background-color: #FFF1E5;} #red #winkel_detail #winkel_contact, #red #winkel_smallcontact #winkel_contact {background-color: #FEECF0;} #green #winkel_detail #winkel_contact, #green #winkel_smallcontact #winkel_contact {background-color: #F1F6E1;} #blue #winkel_detail #winkel_contact, #blue #winkel_smallcontact #winkel_contact {background-color: #E8F6FA;} #winkel_contact h3 {margin:8px 0 0 10px;font-size:8pt;} /* COLOR TITLES AGAIN */ #orange #winkel_contact h3 {color:#FF7800;} #red #winkel_contact h3 {color:#BD2243;} #green #winkel_contact h3 {color:#6B8910;} #blue #winkel_contact h3 {color:#337C96;} #winkel_smalllogo {text-align:center;max-width:207px;max-height:145px;width: expression(this.width > 207 ? 207: true);} #winkel_smallmap {height:145px;} #winkel_smallmap img {height:145px;width:207px;} p.result_list1, p.result_list2 {padding:10px 0 0 0;margin:0;text-align:center;color:#999;} #winkel_result ul {margin:10px 0 0 0;padding:0;padding-top:10px;} #winkel_result ul li { width:430px; display:block; height:20px; font-size:11px; border-bottom:1px solid #CCC; list-style-type:none; line-height:20px;} #winkel_result ul li a {font-weight:bold;margin-left:25px;} #winkel_result ul li a:hover {text-decoration:none;} /* COLOR LIST TEXT & BACKGROUND */ #orange #winkel_result ul li a {color:#FF7800;} #red #winkel_result ul li a {color:#BD2243;} #blue #winkel_result ul li a {color:#337C96;} #green #winkel_result ul li a {color:#6B8910;} #orange #winkel_result ul.result_list2 {background-color: #FFF1E5;} #red #winkel_result ul.result_list2 {background-color: #FEECF0;} #green #winkel_result ul.result_list2 {background-color: #F1F6E1;} #blue #winkel_result ul.result_list2 {background-color: #E8F6FA;} #winkel_result ul.result_list1 li {background:url(../../../../images/style_img/round_arrow.gif) no-repeat 3px 3px;} #winkel_result ul.result_list2 li {background:url(../../../../images/style_img/round_cube.gif) no-repeat 3px 3px;} #winkel_smallmap #winkel_google_map {height:120px;width:430px;} #winkel_smallinfo p {margin:0;padding:8px 0;} /**********************************************************/ /*********************** blog ****************************/ /**********************************************************/ #blog_col1 {width:446px;float:left;padding:4px 0px 4px 4px;} #blog_col2 {width:223px;float:left;padding:4px 0 4px 0;} #blog_col3 {width:223px;float:left;padding:4px 4px 4px 0;} .blogger_info {padding:5px;} .blogger_info img.blogger_face {height:74px;width:74px;float:left;padding:0 10px 10px 10px;} .blogger_info ul {padding-left:20px;margin:0px 0 5px 90px;} .blogger_info ul li a {color:#333;} /* COLOR LIST ITEMS */ #orange .blogger_info ul li {list-style-image:url(../../../../images/style_img/list_star_orange.gif);} #green .blogger_info ul li {list-style-image:url(../../../../images/style_img/list_star_green.gif);} #red .blogger_info ul li {list-style-image:url(../../../../images/style_img/list_star_red.gif);} #blue .blogger_info ul li {list-style-image:url(../../../../images/style_img/list_star_blue.gif);} .blogger_info img.blogger_rss {float:left;} .blogger_info .roundtitle {margin:0;} .blogger_info .blogger_text {margin:0;padding:0 8px 5px 8px;} .blogger_info .blogger_cat {color:#777;margin:8px 8px 0px 8px;} .blogger_info .blogger_cat a {color:#777;} .blogger_info img.blogger_pub {width:207px;margin-top:8px;} div.bloggershowhide {margin:0;padding:0;margin-top:5px;} .hideblogger div.bloggershowhide {display:none;} .showblogger div.bloggershowhide {display:block;} #blogcontact_container h1, #blogcontact_container h2 { margin:0; color:#FF7800; font-weight:lighter; padding:10px; line-height:24px;} #blogcontact_container h1 {font-size:20px;} #blogcontact_container p {margin:0;padding:10px;} #blogcontact_container #mailform {background-color:#FFEBD9;width:400px;margin-left:10px;padding:0;} #blogcontact_container #mailform p {margin:0;padding:0;padding:4px 0;border-bottom:1px solid #FFF;line-height:18px;} #blogcontact_container label {margin-left:5px;float:left;display:block;width:90px;} #blogcontact_container input {border:1px solid #EDC059;height:14px;width:295px;} #blogcontact_container textarea {border:1px solid #EDC059;clear:both;width:295px;height:120px;} #mailform_submit {width:400px;margin-left:10px;} /**************************************************************/ /*********************** producten ****************************/ /**************************************************************/ #prod_listnew{ min-height: 1060px; } #prod_col1{width:223px;float:left;padding:4px 0 4px 4px;} #prod_col2{width:446px;float:left;padding:4px 0 4px 0;} .prod_acol_left{float:left;width:217px;} .prod_acol_right{float:left;width:217px;} .prod_containerrow{width:440px;} #prod_col3{width:223px;float:left;padding:4px 4px 4px 0;} #prod_searchfilter #prod_search {width:187px;margin-top:5px;} #prod_searchfilter #prod_search input {width:120px;} #prod_searchfilter #prod_filter {background-color:#BD2243;width:187px;} #prod_searchfilter #prod_filter input {width:162px;} /* SHOULD BE LIKE SEARCH SHOP AND VISEVERSA */ #orange #prod_searchfilter #prod_search, #orange #prod_searchfilter #prod_filter {background-color:#FF7800;} #red #prod_searchfilter #prod_search, #red #prod_searchfilter #prod_filter {background-color:#BD2243;} #blue #prod_searchfilter #prod_search, #blue #prod_searchfilter #prod_filter {background-color:#337C96;} #green #prod_searchfilter #prod_search, #green #prod_searchfilter #prod_filter {background-color:#6B8910;} .prod_containerrow .roundtitle{margin-bottom:0;} #prod_poplist{margin:5px 0 0 0;padding:10px 0;} #prod_poplist ul{margin:5px 0 0 22px;padding:0;} #prod_poplist ul li{font-size:9px;margin:0 0 7px 0;padding:0;} #prod_poplist ul li a {text-decoration:underline;font-size:11px;font-weight:bold;color:black;} #orange #prod_poplist{background-color:#FFF1E5;} #red #prod_poplist{background-color:#FEECF0;} #blue #prod_poplist{background-color:#E8F6FA;} #green #prod_poplist{background-color:#F1F6E1;} #orange #prod_poplist ul li {list-style-image:url(../../../../images/style_img/list_cube_orange.gif);} #red #prod_poplist ul li {list-style-image:url(../../../../images/style_img/list_cube_red.gif);} #green #prod_poplist ul li {list-style-image:url(../../../../images/style_img/list_cube_green.gif);} #blue #prod_poplist ul li {list-style-image:url(../../../../images/style_img/list_cube_blue.gif);} #prod_spot img{width:430px;} .aspot_product{height:235px;position:relative;text-align:center;} .aspot_product img{padding-top:5px;} .aspot_product p{margin:0;padding:10px 0 5px 30px;} .spotprodslice { background-color:#FFF; border-top:1px solid #DDD; position:absolute; bottom:0; left:0; text-align:left;} .spotprodname{ font-size:12px; width:167px; padding:8px 10px 5px 30px; text-transform:uppercase; font-weight:bold; background-repeat:no-repeat; background-position:10px 10px; text-align:left; } .spotproddesc{ padding:0 10px 0px 30px; margin-bottom:10px; color:#888; display:none; text-align:left;} #babyweb a { background-image:url(../../../../images/style_img/babywebsite.jpg); background-repeat:no-repeat; width:157px; height:43px; display:block; color:#FFF; padding:54px 10px 0 40px;} #babyweb a:hover {text-decoration:none;} .prod_hidelist div.prod_listcontent {display:none;} /* NAMES ON HOME, LIST & DETAIL */ #orange .spotprodname, #orange .pli_name, #orange #pdt_name {color:#FF7800;background-image:url(../../../../images/style_img/list_star_orange.gif);} #red .spotprodname, #red .pli_name, #red #pdt_name {color:#BD2243;background-image:url(../../../../images/style_img/list_star_red.gif);} #blue .spotprodname, #blue .pli_name, #blue #pdt_name {color:#337C96;background-image:url(../../../../images/style_img/list_star_blue.gif);} #green .spotprodname, #green .pli_name, #green #pdt_name {color:#6B8910;background-image:url(../../../../images/style_img/list_star_green.gif);} /* LINKS ON LIST & DETAIL */ #orange .pli_name a, #orange .pli_name a:hover, #orange #pdt_link a, #orange #pdt_link a:hover {color:#FF7800;} #red .pli_name a, #red .pli_name a:hover, #red #pdt_link a, #red #pdt_link a:hover {color:#BD2243;} #green .pli_name a, #green .pli_name a:hover, #green #pdt_link a, #green #pdt_link a:hover {color:#6B8910;} #blue .pli_name a, #blue .pli_name a:hover, #blue #pdt_link a, #blue #pdt_link a:hover {color:#337C96;} .prod_listitem {border-bottom:1px solid #DDD;height:95px;width:430px;margin-top:5px;} .pli_prod {float:left;width:225px;padding:0 5px 0 0;border-right:1px solid #DDD;height:100%;} .pli_star {float:left;width:89px;padding: 0 5px 0 5px;border-right:1px solid #DDD;height:100%;text-align:center;} .pli_img {float:left;width:190px;padding:0 0 0 5px;height:100%;text-align:center;} /* img 90 x 94 */ .pli_img img {text-align:center;} .pli_name { padding-left:15px; margin:5px 0 0 0; text-transform:uppercase; font-weight:bold; font-size:12px; background-repeat:no-repeat; background-position: 2px 2px;} .pli_name a:hover {text-decoration:none;} .pli_desc {padding-left:15px;color:#999;font-size:11px;margin-top:5px;} .pli_star img {margin-top:5px;} .pli_review {font-size:9px;color:#999;margin-top:2px;} .pli_id {font-size:9px;font-weight:bold;} #prod_fotonav, #prod_foto {text-align:center;} #prod_detailtext {border-bottom:1px solid #CCC;border-top:1px solid #CCC;} #prod_detailtext p {padding-left:20px;} #pdt_name {font-size:12px;text-transform:uppercase;font-weight:bold;background-repeat:no-repeat;background-position:3px 3px;} .pdt_para {padding-right:20px;color:#999;font-size:11px;line-height:18px;} #pdt_link a {color:#FF7800;} #pdt_link a:hover {text-decoration:none;color:#FF7800;} #pdt_star {margin:0;} #pdt_review {font-size:9px;color:#999;margin:2px 0;} #pdt_id {font-size:9px;font-weight:bold;margin:5px 0 15px 0;color:#444;} /* FOR PRODUCT AND BLOG PAGING */ #pn_left, #pn_right {display:block;height:20px;line-height:20px;background-repeat:no-repeat;} #pn_left:hover, #pn_right:hover {text-decoration:none;color:#FF7800;} #pn_left {float:left;text-align:left;padding-left:20px;background-image:url(../../../../images/style_img/previous_arrow.jpg);background-position:left 2px;} #pn_right {float:right;text-align:right;padding-right:20px;background-image:url(../../../../images/style_img/next_arrow.jpg);background-position:right 2px;} #post_container #pn_left, #post_container #pn_right{margin:0 20px 0 15px;} /**************************************************************/ /*********************** babylife ****************************/ /**************************************************************/ #bls_col1 {width:446px;padding:4px 0px 4px 4px;float:left;} #bls_col2 {width:223px;float:left;padding:4px 0 4px 0;} #bls_col3 {width:223px;float:left;padding:4px 4px 4px 0;} /*********************** extra elements ***********************/ #extrarow {background-image:url(../../../../images/style_img/bg_header.jpg);background-repeat:repeat-x;overflow:hidden;} #collapse {height:16px;position:relative;top:16px;width:100%;} #collapse a {padding-left:50%;margin-left:-480px;} #extra {height:350px;margin-top:-16px;} #extra .roundedStretch {margin-top:15px;} #extra a.rss {display:block;height:17px;width:17px;position:relative;top:20px;left:5px;float:left;} /* COLOR RSS */ #orange #extra a.rss {background-image:url(../../../../images/style_img/rss_orange.gif);} #red #extra a.rss {background-image:url(../../../../images/style_img/rss_red.gif);} #green #extra a.rss {background-image:url(../../../../images/style_img/rss_green.gif);} #blue #extra a.rss {background-image:url(../../../../images/style_img/rss_blue.gif);} #extra ul.extralist {margin:0;padding:0;margin-left:18px;margin-top:15px;} /* COLOR LISTITEMS */ #orange #extra ul.star li {list-style-image:url(../../../../images/style_img/list_star_orange.gif);} #orange #extra ul.cube li {list-style-image:url(../../../../images/style_img/list_cube_orange.gif);} #red #extra ul.star li {list-style-image:url(../../../../images/style_img/list_star_red.gif);} #red #extra ul.cube li {list-style-image:url(../../../../images/style_img/list_cube_red.gif);} #green #extra ul.star li {list-style-image:url(../../../../images/style_img/list_star_green.gif);} #green #extra ul.cube li {list-style-image:url(../../../../images/style_img/list_cube_green.gif);} #blue #extra ul.star li {list-style-image:url(../../../../images/style_img/list_star_blue.gif);} #blue #extra ul.cube li {list-style-image:url(../../../../images/style_img/list_cube_blue.gif);} ul.extralist li a {text-decoration:underline;font-size:11px;font-weight:bold;color:black;} ul.extralist li p {margin:0;padding:0;font-size:11px;color:black;margin-top:5px;margin-bottom:15px;} ul.extralist li {font-size:9px;margin:0;padding:0;} #extracol1, #extracol2, #extracol3 {height:100%;float:left;border-left:1px solid #CCC;padding:0 10px;} #extracol1 {width:315px;} #extracol2 {width:316px;} #extracol3 {width:206px;} /*********************** footer elements ***********************/ #footerrow {background-image:url(../../../../images/style_img/bg_footer.jpg);} #whereami {margin:0;padding:0;border-left:1px solid #CCC;margin-top:2px;float:left;} #whereami li { padding-right:15px; padding-left:10px; display:block; float:left; font-weight:bold; line-height:22px;} #whereami li.nav_previous { background-image:url(../../../../images/style_img/footer_navigation.gif); background-repeat:no-repeat; background-position:right;} #whereami li.nav_first {margin-left:10px;} #whereami a {color:#555;text-transform:uppercase;} /* COLOR SELECTED */ #orange #whereami li.nav_current a {color:#FF7800;} #red #whereami li.nav_current a {color:#BD2243;} #green #whereami li.nav_current a {color:#6B8910;} #blue #whereami li.nav_current a {color:#337C96;} #credits {height:100px;margin:0;padding:0;} #credits p {color: #999;margin-left:10px;margin-top:15px;font-size:0.9em;} #credits #footerthisconnect, #credits #footercopyright, #credits #footerpowered { width:224px; height:100%; float:left; border-left:1px solid #DDD;} .avatar_photo { display: block; margin-right: auto; margin-left: auto; }