#skipLinks { display:none; } #main_menu { margin:0 10px 0 10px; padding:0; background:#E5E3E0; overflow:hidden; padding:10px 5px 10px 10px; font-size:12px; } /* Opera - If UL is set to float:left all collapse left */ #main_menu ul { line-height:1.2em; margin:0; padding:0; list-style:none; width:780px; overflow:hidden;} #main_menu li { float:left; margin:0; list-style-type:none; border-left:1px solid #999999; height:30px; overflow:hidden;} #main_menu a:link, #main_menu a:visited { padding:0 0 0 5px; font-weight:bold; color:#000000; text-decoration:none; } #main_menu a, #main_menu a span { display:block; float:left; } #main_menu a span { padding:0 10px 0 0; } /* Main menu hover and selected */ #main_menu a:hover, #main_menu li.main_menu_selected a { text-decoration:underline; } #main_menu a:hover span, #main_menu li.main_menu_selected a span {} /* Hide from IE5-Mac \*/ #main_menu a, #main_menu a span, #main_menu a.main_menu_selected { float:none; } /* End hide */ #navcontainer { margin:0; width:199px; margin:0 0 0 10px; padding:0;} #navcontainer ul { padding:0; margin:0; list-style-type:none;} #navcontainer li {margin-bottom:10px; } #navcontainer li li {margin-bottom:0px; } /*********************** side menu ***********************/ #healthBenefitsnavcontainer { margin:0; width:199px; margin:-4px 0 0 10px; padding:0;} #healthBenefitsnavcontainer ul { padding:0; margin:0; list-style-type:none;} #healthBenefitsnavcontainer li {margin-bottom:10px; } #healthBenefitsnavcontainer li li {margin-bottom:0px; } #healthBenefitsnavcontainer a { display:block; padding:5px; color:#000000; text-decoration:none; } /* Health Benefits Style */ #healthBenefitsnavcontainer #healthBenefits0container li {} #healthBenefitsnavcontainer #healthBenefits0container .healthBenefits0 a {background:url(../creo_img/hb_1_icon.gif) no-repeat 96% 50% #51C3DB; font-size:12px; font-weight:bold; display:block; padding:0;} #healthBenefitsnavcontainer #healthBenefits0container .healthBenefits0 a span {background:url(../creo_img/hb_1_top.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} #healthBenefitsnavcontainer #healthBenefits0container #healthBenefits0active a { background:url(../creo_img/hb_1_icon_selected.gif) no-repeat 96% 50% #51C3DB; font-size:12px; font-weight:bold; display:block; padding:0;} #healthBenefitsnavcontainer #healthBenefits0container #healthBenefits0active a span {background:url(../creo_img/hb_1_top.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} /* Second subnavlist2 */ #healthBenefitsnavcontainer #healthBenefits0container #healthBenefits1container .healthBenefits1 a { color:#363F44; font-weight:bold; background:#D8F7FA;; } #healthBenefitsnavcontainer #healthBenefits0container #healthBenefits1container .healthBenefits1 a span { color:#363F44; font-weight:bold; background:url(../creo_img/be_arrow_2.gif) 180px 50% no-repeat; border-bottom:1px solid #51C3DB; } #healthBenefitsnavcontainer #healthBenefits0container #healthBenefits1container #healthBenefits1active a {} #healthBenefitsnavcontainer #healthBenefits0container #healthBenefits1container #healthBenefits1active a span { color:#0198CD; font-weight:bold;} /* Second subnavlist2 - alternate */ #healthBenefitsnavcontainer #subnavlist1container #subnavlist1active #subnavlist2container_alt .subnavlist2 a, #healthBenefitsnavcontainer #subnavlist1container #subnavlist1active #subnavlist2container_alt .subnavlist2bottom a, #healthBenefitsnavcontainer #subnavlist1container #subnavlist1active #subnavlist2container_alt .subnavlist2top a { color:#363F44; font-weight:bold; } #healthBenefitsnavcontainer #subnavlist1container #subnavlist1active #subnavlist2container_alt .subnavlist2 a span, #healthBenefitsnavcontainer #subnavlist1container #subnavlist1active #subnavlist2container_alt .subnavlist2bottom a span, #healthBenefitsnavcontainer #subnavlist1container #subnavlist1active #subnavlist2container_alt .subnavlist2top a span { color:#363F44; font-weight:bold; background: url(../creo_img/hb_2_icon_alt.gif) 5px 50% no-repeat #D8F7FA; padding-left:25px; } /* Second subcontainer hover */ #navcontainer #subnavlist1active .subnavlist2 a:hover { text-decoration:none; } /* selected item in Second subcontainer */ #navcontainer #subnavlist1active #subnavlist2active a { } /* selected item in second subcontainer */ #navcontainer #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active a { } /* Third subcontainer */ #navcontainer #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3 a, #navcontainer #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3bottom a, #navcontainer #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3top a { } /* Second subcontainer hover */ #navcontainer #subnavlist1active #subnavlist2active .subnavlist3 a:hover { text-decoration:none; } /* selected item in third subcontainer */ #navcontainer #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3active a { } /* Second color scheme */ #supplementInfonavcontainer { margin:0; width:199px; margin:-4px 0 0 10px; padding:0;} #supplementInfonavcontainer ul { padding:0; margin:0; list-style-type:none;} #supplementInfonavcontainer li {margin-bottom:10px; } #supplementInfonavcontainer li li {margin-bottom:0px; } #supplementInfonavcontainer a { display:block; padding:5px; color:#000000; text-decoration:none; } /* Health Benefits Style */ #supplementInfonavcontainer #supplementInfo0container li {} #supplementInfonavcontainer #supplementInfo0container .supplementInfo0 a {background:url(../creo_img/sc_1_icon.gif) no-repeat 96% 50% #F9961E; font-size:12px; font-weight:bold; display:block; padding:0;} #supplementInfonavcontainer #supplementInfo0container .supplementInfo0 a span {background:url(../creo_img/sc_1_top.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} #supplementInfonavcontainer #supplementInfo0container #supplementInfo0active a { background:url(../creo_img/sc_1_icon_selected.gif) no-repeat 95% 50% #F9961E; font-size:12px; font-weight:bold; display:block; padding:0;} #supplementInfonavcontainer #supplementInfo0container #supplementInfo0active a span {background:url(../creo_img/sc_1_top.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} #supplementInfonavcontainer #supplementInfo0container #supplementInfo1container .supplementInfo1 a { color:#363F44; font-weight:bold; background:url(../creo_img/menu_sc_body_2.gif) no-repeat;} #supplementInfonavcontainer #supplementInfo0container #supplementInfo1container .supplementInfo1 a span { color:#363F44; font-weight:bold; background:url(../creo_img/sc_si_arrow_2.gif) 180px 50% no-repeat #FEF5D4; border-bottom:1px solid #F9961E;} #supplementInfonavcontainer #supplementInfo0container #supplementInfo1container #supplementInfo1active a {} #supplementInfonavcontainer #supplementInfo0container #supplementInfo1container #supplementInfo1active a span { color:#F98D0B; font-weight:bold;} /* 2nd Alternate colour scheme */ #navcontainer #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2 a, #navcontainer #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2bottom a, #navcontainer #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2top a { color:#363F44; font-weight:bold; } #navcontainer #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2 a span, #navcontainer #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2bottom a span, #navcontainer #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2top a span { color:#363F44; font-weight:bold; padding-left:25px; background: url(../creo_img/sc_2_icon_alt.gif) 5px 50% no-repeat #FEF5D4; } /* Third nav list */ #productInfonavcontainer { margin:0; width:199px; margin:0 0 0 10px; padding:0;} #productInfonavcontainer ul { padding:0; margin:0; list-style-type:none;} #productInfonavcontainer li {margin-bottom:10px; } #productInfonavcontainer li li {margin-bottom:0px; } #productInfonavcontainer a { display:block; padding:5px; color:#000000; text-decoration:none; } /* Review */ #productInfonavcontainer #productInfo0container li {} #productInfonavcontainer #productInfo0container .productInfo0 a {background:url(../creo_img/scp_1_icon.gif) no-repeat 95% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #productInfonavcontainer #productInfo0container .productInfo0 a span {background:url(../creo_img/scp_1_top.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} #productInfonavcontainer #productInfo0container #productInfo0active a {background:url(../creo_img/scp_1_icon_selected.gif) no-repeat 95% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #productInfonavcontainer #productInfo0container #productInfo0active a span {background:url(../creo_img/scp_1_top.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container .productInfo1 a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container .productInfo1 a span {color:#363F44; font-weight:bold; background:url(../creo_img/sc_arrow_2.gif) 180px 50% #EDFDD9 no-repeat; border-bottom:1px solid #99D621;} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active a {} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active a span { color:#84BE12; font-weight:bold; border:none; background-image:none;} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active #productInfo2container .productInfo2 a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active #productInfo2container .productInfo2 a span {color:#363F44; font-weight:normal; background:url(../creo_img/scp_2_icon_alt.gif) 2px 50% #EDFDD9 no-repeat; padding:2px 0 2px 15px; border:none} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active #productInfo2container .productInfo2bottom a span {color:#363F44; font-weight:normal; background:url(../creo_img/scp_2_icon_alt.gif) 2px 50% #EDFDD9 no-repeat; padding-left:15px; border-bottom:1px solid #99D621;} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active #productInfo1container #productInfo1active a {} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active #productInfo2container #productInfo2active a span { color:#84BE12; font-weight:bold; border:none; padding:2px 0 2px 15px;} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active #productInfo1container #productInfo1active a {} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active #productInfo2container #productInfo2active #productInfo3container a span { color:#333333; font-weight:normal; border:none; padding:2px 0 2px 25px; background-position:11px 50%} #productInfonavcontainer #productInfo0container #productInfo0active #productInfo1container #productInfo1active #productInfo2container #productInfo2active #productInfo3container #productInfo3active a span { color:#84BE12; font-weight:bold; border:none; padding:2px 0 2px 25px; background-position:11px 50%} #productInfonavcontainer #productInfo1container li {} #productInfonavcontainer #productInfo1container .productInfo1 { } #productInfonavcontainer #productInfo1container .productInfo1 a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #productInfonavcontainer #productInfo1container .productInfo1 a span {color:#363F44; font-weight:bold; background:url(../creo_img/sc_arrow_2.gif) 180px 50% #EDFDD9 no-repeat; border-bottom:1px solid #99D621;} /* Second subnavlist2 */ #navcontainer #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2 a, #navcontainer #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2bottom a, #navcontainer #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2top a { color:#363F44; font-weight:bold; } #navcontainer #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2 a span, #navcontainer #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2bottom a span, #navcontainer #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2top a span { color:#363F44; font-weight:bold; padding-left:25px; background: url(../creo_img/scp_2_icon_alt.gif) 5px 50% no-repeat #EDFDD9 ; } /* Second subnavlist2 */ #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3 a, #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3bottom a, #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3top a { color:red; font-weight:normal; border:none; } /* Second subnavlist2 */ #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3 a span, #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3bottom a span, #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3top a span{ background:url(../creo_img/scp_2_icon_aslt.gif) 5px 50% no-repeat #EDFDD9;font-weight:normal; border:none; } /* Second subnavlist2 */ #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container #subnavlist3active #subnavlist4container .subnavlist4 a, #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container #subnavlist3active #subnavlist4container .subnavlist4bottom a, #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container #subnavlist3active #subnavlist4container .subnavlist4top a { color:red; font-weight:normal; border:none; } /* Second subnavlist2 */ #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container #subnavlist3active #subnavlist4container .subnavlist4 a span, #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container #subnavlist3active #subnavlist4container .subnavlist4bottom a span, #subnavlist1container #subnavlist2container #subnavlist2active #subnavlist3container #subnavlist3active #subnavlist4container .subnavlist4top a span{ background:url(../creo_img/scp_2_icon_alt.gif) 5px 50% no-repeat #EDFDD9; padding-left:20px; font-weight:normal; border:none; } /* Fourth color scheme */ #navcontainer #subnavlist1container .subnavlist1_4 a, #navcontainer #subnavlist1container .subnavlist1top_4 a, #navcontainer #subnavlist1container .subnavlist1bottom_4 a {background:url(../creo_img/homepage_1_icon.gif) no-repeat 96% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #navcontainer #subnavlist1container .subnavlist1_4 a span , #navcontainer #subnavlist1container .subnavlist1top_4 a span , #navcontainer #subnavlist1container .subnavlist1bottom_4 a span {background:url(../creo_img/homepage_1_top.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} /* First subcontainer hover */ #navcontainer .subnavlist1 a:hover { text-decoration:none; } /* Bottom element */ /* selected item in first subcontainer */ #navcontainer #subnavlist1container #subnavlist1active_4 a { background:url(../creo_img/homepage_1_icon_selected.gif) no-repeat 96% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #navcontainer #subnavlist1container #subnavlist1active_4 a span {background:url(../creo_img/homepage_1_top.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} /* Second subnavlist2 */ #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container .subnavlist2 a, #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container .subnavlist2bottom a, #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container .subnavlist2top a { color:#363F44; font-weight:bold; background:url(../creo_img/menu_sc_body_2.gif) no-repeat; } #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container .subnavlist2 a span, #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container .subnavlist2bottom a span, #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container .subnavlist2top a span { color:#363F44; font-weight:bold; background:url(../creo_img/menu_sc_body_2.gif) no-repeat #F2F2F0; border-bottom:1px solid #97D721; } /* Second subnavlist2 */ #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container_alt .subnavlist2 a, #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container_alt .subnavlist2bottom a, #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container_alt .subnavlist2top a { color:#363F44; font-weight:bold; } #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container_alt .subnavlist2 a span, #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container_alt .subnavlist2bottom a span, #navcontainer #subnavlist1container #subnavlist1active_4 #subnavlist2container_alt .subnavlist2top a span { color:#363F44; font-weight:bold; padding-left:25px; background: url(../creo_img/sc_2_icon_alt.gif) 5px 50% no-repeat #FEF5D4; } /***********************************************************/ /*********************** side menu *************************/ /***********************************************************/ #navcontainer_right { margin:0; padding:0; width:220px;} #navcontainer_top {} /*#navcontainer_bottom { background:url(../creo_img/menu-bottom.gif) top left no-repeat; line-height:2px; max-height:2px; position:absolute; bottom:0; left:0; width:150px; }*/ #navcontainer_right ul { padding:0; margin:0 0 8px 0; list-style-type:none;} #navcontainer_right li { margin-bottom:10px;} #navcontainer_right li li {margin-bottom:0px; } #navcontainer_right a { display:block; padding:5px; color:#000000; text-decoration:none; } /* subnavlist1 */ #navcontainer_right #subnavlist1container li { margin:0;} #navcontainer_right #subnavlist1container .subnavlist1_1 a, #navcontainer_right #subnavlist1container .subnavlist1top_1 a, #navcontainer_right #subnavlist1container .subnavlist1bottom_1 a {background:url(../creo_img/hb_1_icon.gif) no-repeat 96% 50% #51C3DB; font-size:12px; font-weight:bold; display:block; padding:0;} #navcontainer_right #subnavlist1container .subnavlist1_1 a span , #navcontainer_right #subnavlist1container .subnavlist1top_1 a span , #navcontainer_right #subnavlist1container .subnavlist1bottom_1 a span {background:url(../creo_img/hb_1_top.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} /* First subcontainer hover */ #navcontainer_right .subnavlist1 a:hover { text-decoration:none; } /* Bottom element */ /* selected item in first subcontainer */ #navcontainer_right #subnavlist1container #subnavlist1active_1 a { background:url(../creo_img/hb_1_icon_selected.gif) no-repeat 96% 50% #51C3DB; font-size:12px; font-weight:bold; display:block; padding:0;} #navcontainer_right #subnavlist1container #subnavlist1active_1 a span {background:url(../creo_img/menu_hb_top_alt.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} /* Second subnavlist2 */ #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container .subnavlist2 a, #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container .subnavlist2bottom a, #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container .subnavlist2top a { color:#363F44; font-weight:bold; background:url(../creo_img/menu_hb_body_2.gif) no-repeat; } #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container .subnavlist2 a span, #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container .subnavlist2bottom a span, #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container .subnavlist2top a span { color:#363F44; font-weight:bold; background:url(../creo_img/menu_hb_body_2.gif) no-repeat; border-bottom:1px solid #51C3DB; } /* Second subnavlist2 - alternate */ #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container_alt .subnavlist2 a, #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container_alt .subnavlist2bottom a, #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container_alt .subnavlist2top a { color:#363F44; font-weight:bold; } #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container_alt .subnavlist2 a span, #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container_alt .subnavlist2bottom a span, #navcontainer_right #subnavlist1container #subnavlist1active_1 #subnavlist2container_alt .subnavlist2top a span { color:#363F44; font-weight:bold; background: url(../creo_img/hb_2_icon_alt.gif) 5px 50% no-repeat #D8F7FA; padding-left:25px; } /* Second subcontainer hover */ #navcontainer_right #subnavlist1active .subnavlist2 a:hover { text-decoration:none; } /* selected item in Second subcontainer */ #navcontainer_right #subnavlist1active #subnavlist2active a { } /* selected item in second subcontainer */ #navcontainer_right #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active a { } /* Third subcontainer */ #navcontainer_right #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3 a, #navcontainer_right #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3bottom a, #navcontainer_right #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3container .subnavlist3top a { } /* Second subcontainer hover */ #navcontainer_right #subnavlist1active #subnavlist2active .subnavlist3 a:hover { text-decoration:none; } /* selected item in third subcontainer */ #navcontainer_right #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3active a { } /* Second color scheme */ #navcontainer_right #subnavlist1container .subnavlist1_2 a, #navcontainer_right #subnavlist1container .subnavlist1top_2 a, #navcontainer_right #subnavlist1container .subnavlist1bottom_2 a {background:url(../creo_img/sc_1_icon.gif) no-repeat 95% 50% #F9961E; font-size:12px; font-weight:bold; display:block; padding:0;} #navcontainer_right #subnavlist1container .subnavlist1_2 a span , #navcontainer_right #subnavlist1container .subnavlist1top_2 a span , #navcontainer_right #subnavlist1container .subnavlist1bottom_2 a span {background:url(../creo_img/sc_1_top_alt.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} /* First subcontainer hover */ #navcontainer_right .subnavlist1 a:hover { text-decoration:none; } /* Bottom element */ /* selected item in first subcontainer */ #navcontainer_right #subnavlist1container #subnavlist1active_2 a { background:url(../creo_img/sc_1_icon_selected.gif) no-repeat 95% 50% #F9961E; font-size:12px; font-weight:bold; display:block; padding:0;} #navcontainer_right #subnavlist1container #subnavlist1active_2 a span {background:url(../creo_img/sc_1_top_alt.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} /* Second subnavlist2 */ #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container .subnavlist2 a, #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container .subnavlist2bottom a, #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container .subnavlist2top a { color:#363F44; font-weight:bold; background:url(../creo_img/menu_sc_body_2.gif) no-repeat; } #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container .subnavlist2 a span, #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container .subnavlist2bottom a span, #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container .subnavlist2top a span { color:#363F44; font-weight:bold; background:url(../creo_img/menu_sc_body_2.gif) no-repeat #FEF5D4; border-bottom:1px solid #F9961E; } /* Second subnavlist2 */ #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2 a, #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2bottom a, #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2top a { color:#363F44; font-weight:bold; } #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2 a span, #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2bottom a span, #navcontainer_right #subnavlist1container #subnavlist1active_2 #subnavlist2container_alt .subnavlist2top a span { color:#363F44; font-weight:bold; padding-left:25px; background: url(../creo_img/sc_2_icon_alt.gif) 5px 50% no-repeat #FEF5D4; } /* Third color scheme */ #navcontainer_right #subnavlist1container .subnavlist1_3 a, #navcontainer_right #subnavlist1container .subnavlist1top_3 a, #navcontainer_right #subnavlist1container .subnavlist1bottom_3 a {background:url(../creo_img/scp_1_icon.gif) no-repeat 95% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #navcontainer_right #subnavlist1container .subnavlist1_3 a span , #navcontainer_right #subnavlist1container .subnavlist1top_3 a span , #navcontainer_right #subnavlist1container .subnavlist1bottom_3 a span {background:url(../creo_img/scp_1_top_alt.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} /* First subcontainer hover */ #navcontainer_right .subnavlist1 a:hover { text-decoration:none; } /* Bottom element */ /* selected item in first subcontainer */ #navcontainer_right #subnavlist1container #subnavlist1active_3 a { background:url(../creo_img/scp_1_icon_selected.gif) no-repeat 95% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #navcontainer_right #subnavlist1container #subnavlist1active_3 a span {background:url(../creo_img/scp_1_top_alt.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} /* Second subnavlist2 */ #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container .subnavlist2 a, #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container .subnavlist2bottom a, #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container .subnavlist2top a { color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat; border-bottom:1px solid #51C3DB; } #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container .subnavlist2 a span, #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container .subnavlist2bottom a span, #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container .subnavlist2top a span { color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat; border-bottom:1px solid #51C3DB; } /* Second subnavlist2 */ #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2 a, #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2bottom a, #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2top a { color:#363F44; font-weight:bold; } #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2 a span, #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2bottom a span, #navcontainer_right #subnavlist1container #subnavlist1active_3 #subnavlist2container_alt .subnavlist2top a span { color:#363F44; font-weight:bold; padding-left:25px; background: url(../creo_img/scp_2_icon_alt.gif) 5px 50% no-repeat #EDFDD9 ; } /****************************************************************/ #navcontainer_top {} #tertiarycontainer {} /*#navcontainer_bottom { background:url(../creo_img/menu-bottom.gif) top left no-repeat; line-height:2px; max-height:2px; position:absolute; bottom:0; left:0; width:150px; }*/ #tertiarycontainer ul { padding:0; margin:0; list-style-type:none;} #tertiarycontainer li { margin-bottom:10px;} #tertiarycontainer li li {margin-bottom:0px; } #navcontainer a { display:block; padding:5px; color:#000000; text-decoration:none; } /* subnavlist1 */ #navcontainer #subnavlist1container li {} .category_variate_23 #tertiarycontainer .menu_header h3 {font-size:1.2em; background-color:#D8F7FA; padding:5px 10px 3px 10px; color:#36BAD6} .category_variate_23 #tertiary2container li { padding:4px 0 4px 0; margin:0; background:#D8F7FA;} .category_variate_23 #tertiary2container .tertiary2 a { color:#363F44; font-weight:bold; background:url(../creo_img/hb_2_icon_alt.gif) 5px 50% no-repeat; padding:0 0 0 20px; margin:0;} .category_variate_23 #tertiary2container .tertiary2 a span { color:#363F44; font-weight:bold;} .category_variate_23 #tertiary2container .menu_inline_heading { display:block; font-size:1.1; font-weight:bold; margin:0 10px 0 5px;} .category_variate_23 #tertiary2container .menu_inline_heading_other { border-top:1px solid #CDCCCA; padding-top:5px;} /* Second subcontainer hover */ .category_variate_23 #navcontainer #subnavlist1active #subnavlist2active .subnavlist3 a:hover { text-decoration:none; } /* selected item in third subcontainer */ .category_variate_23 #navcontainer #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3active a { } .category_variate_23 #tertiary2container #tertiary2active a span {color:#36BAD6;} .category_variate_23 #tertiary3container {} .category_variate_23 #tertiary3container li { padding:4px 0 4px 0; margin:0; background:#F4F3F1;} .category_variate_23 #tertiary3container #tertiary4container #tertiary4active a span {color:#36BAD6;} /****************************************/ /* Tertiary Menu Design 2 (right hand side) */ #navcontainer_top {} /*#navcontainer_bottom { background:url(../creo_img/menu-bottom.gif) top left no-repeat; line-height:2px; max-height:2px; position:absolute; bottom:0; left:0; width:150px; }*/ #tertiarycontainer ul { padding:0; margin:0; list-style-type:none;} #tertiarycontainer li { margin-bottom:10px;} #tertiarycontainer li li {margin-bottom:0px; } #navcontainer a { display:block; padding:5px; color:#000000; text-decoration:none; } /* subnavlist1 */ #navcontainer #subnavlist1container li {} .category_variate_34 #tertiarycontainer .menu_header h3 { font-size:1.2em; background-color:#FEF5D4; padding:5px 10px 3px 10px; color:#F98D0B;} .category_variate_34 #tertiary2container {} .category_variate_34 #tertiary2container li { padding:4px 0 4px 0; margin:0; background:#FEF5D4;} .category_variate_34 #tertiary2container .tertiary2 a { color:#363F44; font-weight:bold; background:url(../creo_img/sc_2_icon_alt.gif) 5px 50% no-repeat; padding:0 0 0 20px; margin:0;} .category_variate_34 #tertiary2container .tertiary2 a span { color:#363F44; font-weight:bold;} .category_variate_34 #tertiary2container .menu_inline_heading { display:block; font-size:1.1; font-weight:bold; margin:0 10px 0 5px;} .category_variate_34 #tertiary2container .menu_inline_heading_other { border-top:1px solid #CDCCCA; padding-top:5px;} /* Second subcontainer hover */ .category_variate_34 #navcontainer #subnavlist1active #subnavlist2active .subnavlist3 a:hover { text-decoration:none; } .category_variate_34 #navcontainer #subnavlist1container #subnavlist1active #subnavlist2container #subnavlist2active #subnavlist3active a { } .category_variate_34 #tertiary2container .tertiary2 #tertiary3container .tertiary3 a { color:#363F44; font-weight:bold; background:url(../creo_img/sc_2_icon_alt.gif) 15px 50% no-repeat; padding:0 0 0 30px; margin:0;} .category_variate_34 #tertiary2container .tertiary2 #tertiary3container .tertiary3 a span { color:#363F44; font-weight:bold;} .category_variate_34 #tertiary2container #tertiary2active a span {color:#F98D0B;} .category_variate_34 #tertiary2container #tertiary2active #tertiary3container #tertiary3active a span {color:#F98D0B;} .category_variate_34 #tertiary3container {} .category_variate_34 #tertiary3container li #tertiary4container li { padding:4px 0 4px 15px; margin:0; border:none;} .category_variate_34 #tertiary3container li #tertiary4container li a span{ color:#363F44;} .category_variate_34 #tertiary3container #tertiary4container #tertiary4active a span {color:#F98D0B;} /****************************************/ /* General Menu */ #general_menu_container { margin:0 10px 0 10px; padding:0;} #general_menu_container {} #general_menu_container ul { padding:0; margin:0; list-style-type:none;} #general_menu_container li { margin-bottom:10px;} #general_menu_container li li {margin-bottom:0px; } #general_menu_container a { display:block; padding:5px; color:#000000; text-decoration:none; } #general_menu_container #general_menu0container li {} #general_menu_container #general_menu0container .general_menu0 a {background:url(../creo_img/scp_1_icon.gif) no-repeat 95% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #general_menu_container #general_menu0container .general_menu0 a span {background:url(../creo_img/scp_1_top.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} #general_menu_container #general_menu0container #general_menu0active a {background:url(../creo_img/scp_1_icon_selected.gif) no-repeat 95% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #general_menu_container #general_menu0container #general_menu0active a span {background:url(../creo_img/scp_1_top.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} #general_menu_container #general_menu0container #general_menu0active #general_menu1container .general_menu1 a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #general_menu_container #general_menu0container #general_menu0active #general_menu1container .general_menu1 a span {color:#363F44; font-weight:bold; background:url(../creo_img/icon_right_arrow_light.gif) 180px 50% #EDFDD9 no-repeat; border-bottom:1px solid #99D621;} #general_menu_container #general_menu0container #general_menu0active #general_menu1container #general_menu1active a {} #general_menu_container #general_menu0container #general_menu0active #general_menu1container #general_menu1active a span { color:#93CD25; font-weight:bold;} #general_menu_container #general_menu0container #general_menu0active #general_menu1container #general_menu1active #general_menu2container .general_menu2 a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #general_menu_container #general_menu0container #general_menu0active #general_menu1container #general_menu1active #general_menu2container .general_menu2 a span {color:#363F44; font-weight:normal; background:url(../creo_img/scp_2_icon_alt.gif) 2px 50% #EDFDD9 no-repeat; padding-left:15px; border:none} #general_menu_container #general_menu0container #general_menu0active #general_menu1container #productInfo0active #productInfo1container .general_menu1bottom a span {color:#363F44; font-weight:normal; background:url(../creo_img/scp_2_icon_alt.gif) 2px 50% #EDFDD9 no-repeat; padding-left:15px; border-bottom:1px solid #99D621;} #general_menu_container #general_menu0container #general_menu0active #general_menu1container #general_menu1active #general_menu2container .general_menu2active a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #general_menu_container #general_menu0container #general_menu0active #general_menu1container #general_menu1active #general_menu2container .general_menu2active a span {color:#363F44; font-weight:bold; background:url(../creo_img/scp_2_icon_alt.gif) 2px 50% #EDFDD9 no-repeat; padding-left:15px; border:none} /*footer menu*/ /* General Menu */ #general_menu_container { margin:0 10px 0 10px; padding:0;} #general_menu_container {} #general_menu_container ul { padding:0; margin:0; list-style-type:none;} #general_menu_container li { margin-bottom:10px;} #general_menu_container li li {margin-bottom:0px; } #general_menu_container a { display:block; padding:5px; color:#000000; text-decoration:none; } #general_menu_container #footer_menu1container li {} #general_menu_container #footer_menu1container .footer_menu1 a {background:url(../creo_img/scp_1_icon.gif) no-repeat 95% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #general_menu_container #footer_menu1container .footer_menu1 a span {background:url(../creo_img/scp_1_top.gif) no-repeat ; font-size:12px; font-weight:bold; display:block; padding:5px;} #general_menu_container #footer_menu1container #footer_menu1active a {background:url(../creo_img/scp_1_icon_selected.gif) no-repeat 95% 50% #ABDF4C; font-size:12px; font-weight:bold; display:block; padding:0;} #general_menu_container #footer_menu1container #footer_menu1active a span {background:url(../creo_img/scp_1_top.gif) no-repeat; font-size:12px; font-weight:bold; display:block; padding:5px;} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container .footer_menu2 a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container .footer_menu2 a span {color:#363F44; font-weight:bold; background:url(../creo_img/icon_right_arrow_light.gif) 180px 50% #EDFDD9 no-repeat; border-bottom:1px solid #99D621;} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container #footer_menu2active a {} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container #footer_menu2active a span { color:#93CD25; font-weight:bold;} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container #footer_menu2active #footer_menu3container .footer_menu3 a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container #footer_menu2active #footer_menu3container .footer_menu3 a span {color:#363F44; font-weight:normal; background:url(../creo_img/scp_2_icon_alt.gif) 2px 50% #EDFDD9 no-repeat; padding-left:15px; border:none} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container #footer_menu2active #footer_menu3container .footer_menu3bottom a span {color:#363F44; font-weight:normal; background:url(../creo_img/scp_2_icon_alt.gif) 2px 50% #EDFDD9 no-repeat; padding-left:15px; border-bottom:1px solid #99D621;} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container #footer_menu2active #footer_menu3container .footer_menu3active a {color:#363F44; font-weight:bold; background:url(../creo_img/menu_scp_body_2.gif) no-repeat;} #general_menu_container #footer_menu1container #footer_menu1active #footer_menu2container #footer_menu2active #footer_menu3container .footer_menu3active a span {color:#363F44; font-weight:bold; background:url(../creo_img/scp_2_icon_alt.gif) 2px 50% #EDFDD9 no-repeat; padding-left:15px; border:none} /*#general_menu_container #general_menu1container #general_menu1active #general_menu2container #productInfo1active #productInfo1container #productInfo1active a {} #general_menu_container #general_menu1container #general_menu1active #general_menu2container #productInfo1active #productInfo2container #productInfo2active a span { color:#93CD25; font-weight:bold; border:none;} #general_menu_container #general_menu1container #general_menu1active #general_menu2container #productInfo1active #productInfo1container #productInfo1active a {} #general_menu_container #general_menu1container #general_menu1active #general_menu2container #productInfo1active #productInfo2container #productInfo2active a span { color:#93CD25; font-weight:bold; border:none;} */ .index_menu_product { list-style:none; padding:0; margin:10px 0 0 0; } .index_menu_product_li_benefit { background:url(../creo_img/arrow-bl.gif) 204px 10px no-repeat #6CCEDD; margin-bottom:5px; padding:8px 10px; position:relative; } .index_menu_product_li_benefit a:link, .index_menu_product_li_benefit a:visited { display:block; font-weight:bold; color:#000000;padding-right:16px; } .index_menu_product_li_benefit_2 { background:url(../creo_img/arrow-bl.gif) 194px 10px no-repeat #B5E6EE; margin-bottom:5px; padding:8px 10px; position:relative; } .benefit_top { background:url(../../creo_img/corner-type-top.gif) top left no-repeat; line-height:4px; max-height:4px; width:235px; position:absolute; top:0; left:0; } .benefit_bottom { background:url(../../creo_img/corner-type-bottom.gif) top left no-repeat; line-height:4px; max-height:4px; width:235px; position:absolute; bottom:0; left:0; } .benefit_2_top { background:url(../../creo_img/corner-type-2-top.gif) top left no-repeat; line-height:4px; max-height:4px; width:235px; position:absolute; top:0; left:0; } .benefit_2_bottom { background:url(../../creo_img/corner-type-2-bottom.gif) top left no-repeat; line-height:4px; max-height:4px; width:235px; position:absolute; bottom:0; left:0; } .index_menu_product_li_type { background:url(../creo_img/arrow-or.gif) 209px 10px no-repeat #FF942D; margin-bottom:5px; padding:8px 10px; position:relative; } .index_menu_product_li_type a:link, .index_menu_product_li_type a:visited { display:block; font-weight:bold; color:#000000; padding-right:16px; } .type_top { background:url(../../creo_img/corner-supp-top.gif) top left no-repeat; line-height:4px; max-height:4px; width:230px; position:absolute; top:0; left:0; } .type_bottom { background:url(../../creo_img/corner-supp-bottom.gif) top left no-repeat; line-height:4px; max-height:4px; width:230px; position:absolute; bottom:0; left:0; } /*********************** footer menu ***********************/ #menu_footer { font-size:1em;} #footer ul { margin:0; padding:0; list-style-type:none; display:inline; color:#666666; } #footer1container li { display:inline; /*margin-left:5px; border-left:1px solid #666666;*/ line-height:1em; } #footer1container li a:link, #footer1container li a:visited { margin-left:5px; color:#333333; } #footer1container .footer1 { } #footer1container .footer1top { } #footer1container .footer1bottom { } #footer1container li { border-left:1px solid #666666; margin-left:5px;} #footer1container #footer1active {} #footer_header ul { margin:0; padding:0; list-style-type:none; display:inline; color:#666666; font-size:0.8em; } #footer_header1container li { display:inline; margin-left:5px; padding-left:5px; border-left:1px solid #333333; font-size:0.9em; color:#333333; } #footer_header1container .footer_header1 a:link, #footer_header1container .footer_header1 a:hover, #footer_header1container .footer_header1 a:visited, #footer1container .footer_header1 a:active { color:#333333; padding:0; margin:0;} #footer_header1container .footer_header_1 { } #footer_header1container .footer_header_1top { } #footer_header1container .footer_header1bottom { } /*#footer_header1container li {margin-left:5px; border-left:1px solid #333333; padding-left:5px;}*/ #footer_header_1container #footer1active {} .navheader { border:1px solid red;}