/* * Personal Lubricant MF, MS & SK @2008 */ /* ================== left nav ========================= */ /* Left Nav General */ #side_nav {margin-left: 10px; margin-top:10px; padding-right:10px; padding-top: 12px; padding-bottom:60px; overflow: hidden; background: url(/images/static/bg_leftNav.gif) no-repeat 0px 0px; z-index: 200; float: left; display:inline; width: 150px; height:100%; font: normal 12px/12px Verdana, sans-serif; } #side_nav #brands { overflow:hidden; padding-bottom:10px; float:left; clear:both; width:150px; height:auto; background: #d2d6d9 url(/images/static/bg_left_nav_background.gif) repeat-y 0 0; } #side_nav #brands ul {overflow:hidden; width:145px; float:left; clear:both; height:100%; background: #d2d6d9 url(/images/static/bg_left_nav_background.gif) repeat-y 0 0; } #side_nav #brands .brands_cat span { font:bold 16px Arial !important; width: 61px; display: block; padding: 2px 0px 0px 8px; margin-bottom: 0px; background-color: #E5E60C; color:#000;} #brands ul.brand_list li .brand_active{color:#1D2578; font-weight:bold; padding-left:9px; width:100%; overflow:hidden; font-family:tahoma; float:left; padding-bottom:0px; padding-top:0px; background: transparent url(none) repeat-y 0 0;} #side_nav #brands .brand_list li {float:left; clear:both; width:100%; line-height: 15px; background:#D2D6D9 url(/images/static/bg_left_nav_background.gif) repeat-y scroll 0pt;} #side_nav #brands .brand_list li a#brand1{padding-top:2px;} #side_nav #brands .brands_link{font-size:11px; font-family:Arial !important} #side_nav .NewsAndInfo_class {float:left; margin-bottom: 10px; margin-top: 24px; padding-bottom: 10px; background: transparent url(/images/static/bg_header_background.gif) repeat-y scroll 0px 0px; } #side_nav .NewsAndInfo_class a{text-decoration:none;} #side_nav .NewsAndInfo_class a{text-decoration:none;} #side_nav .NewsAndInfo_class a:hover{text-decoration:underline !important;} #side_nav .NewsAndInfo_class p{margin:0px 0px; } #side_nav .NewsAndInfo_class h2 { font: bold 0px Tahoma; color:#ebecdc; text-transform: uppercase; padding: 20px 1px 32px 8px; background: transparent url(/images/static/bg_leftNav_header.gif) no-repeat scroll 0px 0px; } #side_nav .NewsAndInfo_class a {display:inline; padding:0px 1px 4px 8px; color:#383639; font-size:11px; clear:both; float:left; } #side_nav .NewsAndInfo_class a:hover{text-decoration:none;} #side_nav #categories {clear:both;float:left; width:150px; overflow:hidden; padding-top: 0px; background: transparent url(/images/static/bg_left_nav_background.gif) repeat scroll 0px 0px; } #side_nav #categories h3 {margin-bottom:0px; float:left; display:inline; font: bold 16px Verdana; color: #4b5556; padding: 8px 0px 0px 8px; height: 19px; margin-top: 0px; background: transparent url(/images/static/bg_left_nav_shop_by.gif) no-repeat scroll 6px 9px; } #newsletter { height:239px; clear:both; padding-left: 8px; position: relative; background: #edecd8 url(/images/static/bg_leftNav_newsletter.gif) no-repeat scroll 0px 0px; } #newsletter form{float:left; position:relative;} #newsletter #newsletter_desc{margin-top:60px; color:#363435; font:normal 12px Arial;} #newsletter .newsletter_desc {color:#3b393a;} #newsletter h3 { float:left; font: normal normal normal 14px/0px 'Lucida Sans Unicode' , 'Lucida Grande' , Tahoma, Verdana, sans-serif; letter-spacing: -1px; text-align: left; } #newsletter h3 span { font: bold 0px Tahoma; display: block; padding: 20px 13px 5px 0px; color:#edecd8; } #newsletter #signup_btn_div { position: relative; width: 150px; height: 147px; margin-left: -8px; padding: 1px 0px; background: url(/images/static/bg_newsletterBottom.gif) no-repeat 0 6px; } /* BUTTON */ #newsletter #signup_btn_div input {position:absolute; bottom:0px; right:0px; width: 76px; height: 23px; display: block; background: url(/images/static/Buttons/signup3.gif) no-repeat 0 top; } #newsletter #signup_btn_div input:hover { background-position: 0 bottom; } .newsletter_input input { width: 129px; } /*CATEGORIES*/ /* Global settings*/ #side_nav ul { clear: both; position: relative; } #side_nav ul a { font-size:11px; color: #000; display: block; text-decoration: none; height: auto; padding-left: 6px; padding-right: 8px; padding-top: 0px; padding-bottom: 1px; font-weight:Arial;} #side_nav ul a:hover{color:#1D2578; } #side_nav ul a.cat_link_level2 {overflow:hidden; float:left;clear:both;height:auto; width:140px; padding-top: 0px; padding-bottom: 2px; padding-left:0px; display: block; } #side_nav ul a.cat_link_level2_1{padding-top:3px; } #side_nav ul li.active {float:left; display:block; clear:both; width:100%; padding-top: 0px ; margin-bottom: 0px !important; padding-bottom: 0px !important; padding: 0px 0px 2px !important; } .cat_list_level2 ul li.active{margin-top:0px;} #side_nav ul .active ul li.active{padding-bottom:0px !important; margin-top:0px;} #side_nav .cat_list_level1 ul li.active {margin-top:0px; padding-top: 0px ; margin-bottom: 0px !important; padding-bottom: 0px !important; } #side_nav ul li .active a { overflow:hidden; padding-top:0px; width:141px; padding-left: 0px; display: block; font-weight: normal; /* background: transparent url(/images/static/category_active.gif) repeat-y 0 0; */color:#fff;} #side_nav ul li.active ul li.cat_list_level3 a.cat_link_level3 {background: transparent/*background: transparent url(/images/static/category_active_2.gif) repeat 0 0;*/} /*#side_nav ul li.active ul li.cat_list_level3 a.cat_link_level3 span{padding-top:0px; padding-bottom:0px; display:block; float:left; clear:both; width:100%; font-weight:bold; font-size:11px; padding-left:14px; color:#323993;}*/ /*#side_nav ul li.active ul li.cat_list_level3_1 a.cat_link_level3_1 span{padding-top:2px; display:block; font-size:11px; padding-left:14px; padding-top:0px; padding-bottom:0px; font-weight:normal;}*/ #side_nav ul li.active ul li.cat_list_level2_1 a.active span{padding-left:13px; } #side_nav .cat_list_level1 ul li.active a{ color:#1D2578; font-weight:bold; margin-bottom:0px; padding-top:0px !important; padding-bottom:1px !important; } #side_nav #categories .cat_list_level1_3 li.active a{margin-bottom:2px; } #side_nav #categories .cat_list_level1_3 li.active a.cat_link_level3 {margin-bottom:0px;} li.active a.cat_link_level2_1{margin-top:3px;} #side_nav .cat_list_level1_2 li.active a.cat_link_level2_1{margin-bottom:0px;} #side_nav .cat_list_level1_2 li.active a.cat_link_level2_1 span{font-weight:bold;} #side_nav #categories .cat_list_level1_2 li.list_level2_1 a.cat_link_level2_1 span{font-weight:normal;} #side_nav .active li.active a.cat_link_level3_1 span{font-weight:bold;} #side_nav .cat_list_level1_2 li.active a.cat_link_level4_1 span{} #side_nav .cat_list_level2 ul li.active a{margin-bottom:0px;} #side_nav .cat_list_level1 ul li.active ul li a{color: black; font-weight: normal;} #side_nav .cat_list_level1 ul li.cat_list_level3 ul li.cat_list_level4 a{margin-bottom:2px; margin-left:0px; } #side_nav ul li .active ul {float:left; clear:both; width:100%; font-weight: normal; margin-bottom:0px !important; padding-bottom:0px; } #side_nav .cat_list_level1 ul li.cat_list_level2 ul{float:left; width:100%; clear:both; margin-bottom:0px !important; padding-bottom:0px !important;} #side_nav .cat_list_level1 ul li.cat_list_level2 .active ul li.cat_list_level4 a.cat_link_level4 {padding-left:8px; } #side_nav ul li .active ul li .active { font-weight: bold; } #side_nav ul li .active ul li .active ul { font-weight: normal; } #side_nav ul li.active ul li.active ul li.active ul { margin-top:-2px; } #side_nav ul a.cat_link_level3 { padding-top: 1px; padding-bottom: 2px; height: auto; } #side_nav ul a.cat_link_level4 { padding-top: 0px; padding-bottom: 0px; padding-left: 12px; height: auto; background: transparent url(none) repeat-x 0 0; } #side_nav ul a.cat_link_level5 { padding-top: 4px; padding-bottom: 4px; padding-left: 19px; height: auto; background: #79868e url(/images/static/bg_left_dots2.gif) repeat-x 0 0; } /*LEVEL 1*/ .cat_list_level1 { padding: 4px 0px 8px !important; clear:both; float:left; height:100%; } /*.cat_list_level1 ul li a span{color:#000;} */ .cat_list_level1 ul li a{color:red;} .cat_list_level1_2, .cat_list_level1_3, .cat_list_level1_4, .cat_list_level1_5{clear:both; float:left; width:100%; height:100%; padding:0px 0px 4px 0px !important;} .cat_list_level1 ul .active{margin-top:3px;} .cat_list_level1_1 ul .active{margin-top:0px;} /**+html .cat_list_level1_2{padding-top:0px;}*/ .cat_list_level1 ul { margin-bottom: 0px; } .cat_list_level1_2 ul { margin-bottom: 5px; } /**+html .cat_list_level1_2 ul { margin-bottom: 14px; }*/ .cat_list_level1 ul .cat_list_level2 { line-height: 4px; font-weight: normal; float:left; clear:both; width:100%;} .cat_list_level1_2 ul .cat_list_level2 { float:left; clear:both; width:100%; line-height: 0px !important; padding-top:0px; background:#D2D6D9 url(/images/static/bg_left_nav_background.gif) repeat-y scroll 0pt;} .cat_list_level1 ul li {border:0px solid orange; width: 150px; overflow:hidden; float:left;} .cat_list_level1_2 ul .active a span{padding-top:5px;} .cat_list_level1_2 ul .cat_list_level2_1 a{} .cat_list_level1_2 ul .cat_list_level2_1 a span{} .cat_list_level1_1 span { width: 78px; padding-left: 8px; font-weight: normal; } .cat_list_level1_1 a.cat_link_level2 span { padding:0px 0px 0px 8px; font-weight: normal; margin-bottom: 0px; } .cat_list_level1_1 .active a span {padding-top:2px; margin-bottom:0px; } .active .active a.cat_link_level2 span{clear:both; float:left; width:100%; margin-bottom:5px; height:auto; display:block;} .cat_list_level1_2 .active a.cat_link_level2 span{margin-bottom:0px; padding-top:4px; padding-bottom:4px;} .cat_list_level1 ul li.active a span{ padding-bottom:0px; padding-top:0px; width:140px !important; display:block; clear:both; float:left;} .cat_list_level1_1 ul li.active a span{ padding-top:0px; padding-bottom:0px !important; padding-left:12px;} .cat_list_level1_1 ul li.active{line-height:0px;} .cat_list_level1 ul li.active a{ padding-top:0px !important;padding-bottom:0px !important;} .cat_list_level1 span { background-color: #E5E60C; display: block; margin-bottom: 0px; padding: 4px 0px 0px 8px; font:bold 16px Arial; } .cat_list_level1_1 span { margin-bottom: 0px; padding-top:2px; } .cat_list_level1_1 ul li span{} .cat_list_level2 span { background-color: transparent; } .cat_list_level1_2 span { width: 84px; margin-bottom: 0px; padding-top:2px; } .cat_list_level1_2 ul a.cat_link_level2 span {overflow:hidden; padding-bottom:0px; padding-top:0px; font-weight: normal; display:block; width:140px; float:left; clear:both; } .cat_list_level1_2 ul a.cat_link_level2 span { font-weight: normal; } #categories .cat_list_level1 a span, .cat_list_level1 .cat_list_level2 a.cat_list_level2 span{cursor:hand; font-size:11px; line-height:normal !important; font-weight:normal; width:100%; padding-top:0px;padding-bottom:0px; } #categories .cat_list_level1 li.active a span{ font-weight: normal; color:#1D2578; width:135px !important; padding-left:8px; padding-top:3px; padding-bottom:0px; } #categories .cat_list_level1 li.cat_list_level2 a span{padding-top:0px;} #categories .cat_list_level1 li.active a.cat_link_level2 span{font-weight:bold;} /*#categories .cat_list_level1 li.active ul li a span{font-weight:normal;}*/ #categories .cat_list_level1 li.active ul li a span{color:#353638; padding-left:14px; padding-top:0px;} #categories .cat_list_level2 li.active a span{ color:#1D2578; width:135px !important; padding-left:14px; padding-top:0px; padding-bottom:0px; } #categories .cat_list_level2 li.active a.cat_link_level3 span{font-weight:bold;} #categories .cat_list_level2 li.active li.list_level4_1 a.cat_link_level4_1 span{font-weight:normal;} #categories .cat_list_level2 li.active a.cat_link_level4_1 span {} #categories .cat_list_level2 li.active ul li a span{color:#353638;} #categories .cat_list_level3 li.active a span{font-weight:bold; color:#1D2578; width:135px !important; padding-left:22px !important; padding-top:0px; padding-bottom:0px; } #side_nav #categories .cat_list_level3 li.active a.cat_link_level4 span{padding-left:20px !important;} #categories .cat_list_level3 li.active ul li a span{color:#353638;} #categories .active li.cat_list_level2_1{padding-top:2px !important;} .cat_list_level1 ul { background-color: transparent; } .cat_link_level1 { margin-bottom: 8px; display: block; padding-left: 8px; padding-right: 8px; text-decoration: none; color: #dee0ed; font: normal normal normal 16px/18px 'Lucida Sans Unicode' , 'Lucida Grande' , Tahoma, Verdana, Sans-serif; text-transform: uppercase; } li.active .cat_link_level4_1 span{ padding-top:1px !important; padding-bottom:0px !important; padding-left:14px !important; } /*LEVEL 2*/ .cat_list_level2 { line-height: 8px; padding: 0; text-transform: capitalize; } .cat_link_level2 { color: #353638; } .cat_list_level2 ul { padding-top: 0; } /*LEVEL 3*/ .cat_list_level3 {margin-top:0px; float:left; clear:both; width:100%;} .cat_link_level3 { text-transform: none; font-size: 11px; color: #dedea6; } /*LEVEL 4*/ .cat_list_level4 {} .cat_link_level4 { padding-left: 6px; text-transform: none; font-size: 11px; color: #dedea6; } /*LEVEL 5 and rest*/ .cat_list_level5 * li { } a.cat_link_level5 { display: block; color: #dedea6; padding-left: 9px; padding-bottom: 5px; text-transform: none; } label.newsletter_lbl { display: block; color:#51504C; font: normal normal normal 11px/normal Arial, sans-serif; padding-left: 0px; } #nname { display: block; margin: 0 auto; } #nemail { display: block; margin: 0 auto; } .newsletter_input #nname, .newsletter_input #nemail { margin: 0 0; border-top:2px #6d6e66 solid; border-left:2px #6d6e66 solid; border-right:1px solid #c8c5bc; border-bottom:1px solid #c8c5bc; } #side_nav p { padding: 0px 7px 0px 8px; display: block; color: #363636; font: normal normal normal 10px/normal Verdana, sans-serif; left: 14px; overflow: hidden; width: 139px; height: 28px; } #side_nav .NewsAndInfo_class p{margin-bottom:0px; padding-left:0px;} #side_nav .header p { height: auto; padding-right:8px;} .newsletter_input { display: block; padding-top: 12px;} .newsletter_email{position:absolute; top: 116px; left:0px; z-index:1; } .newsletter_name{position:absolute; top: 80px; left:0px; z-index:2;}