/* CSS Document */ * {padding:0px; margin:0px; outline:0px;} html {padding:0px; margin:0px; font:normal 12px arial; background:#ffffff; height:100%; border:0; outline:0;} img {border:0px;} .fleft { float:left;} .fright { float:right;} .clear { clear:both;} .main { width:972px; background:#fff; margin:0px auto; padding:10px 14px 20px 14px;} #main { width:972px; background:#fff; margin:0px auto; padding:10px 14px 20px 14px;} #header {float:left; width:100%; height:107px; padding-top:6px;} #header .width215 { width:215px;} #header .search-top {background:url(images/search-t-r.gif) no-repeat right top; width:470px;} #header .search-middle {background:url(images/search-bg.gif) repeat-x left bottom; width:470px; height:58px;} #header .search-bot {background:url(images/search-b-r.gif) no-repeat right top; width:470px;} #header .menu1 { font:bold 11px arial; color:#fff; margin-bottom:6px; text-decoration:none; text-align:center;} #header .menu1 a { font:bold 11px arial; color:#fff; text-decoration:none; padding:0px 8px 0px 8px; text-align:center;} #header .menu1 a:hover { font:bold 11px arial; color:#fff; text-decoration:underline; text-align:center;} #header .input1 { width:353px; height:20px; border:solid 1px #bbbbbb; background:#FFFFFF; font:normal 12px arial; color:#848383; line-height:20px; padding-left:3px; margin-left:10px;} .headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 95%; background: #dd0000; color: #fefefe; font-weight : bold; text-align : center; } .menu3 { padding:0px; margin:0px;} .menu3 span { background:url(images/menu-top2.gif) no-repeat top right; height:26px; padding-left:9px; padding-right:9px; font:bold 13px arial; color:#fff; text-align:center; text-decoration:none; float:left; line-height:26px;} .menu3 span a { font:bold 13px arial; color:#fff; text-align:center; text-decoration:none; line-height:26px;} .menu3 span a:hover { font:bold 13px arial; color:#bddffc; text-align:center; text-decoration:none; line-height:26px;} .menu3 img {vertical-align:top; float:left; padding-left:1px;} .sign-up { padding:0px; margin:0px; float:left;} .sign-up span { background:url(images/menu1-right.gif) repeat right top; height:26px; padding-right:9px; font:bold 13px arial; color:#fff; text-align:center; text-decoration:none; float:left; line-height:26px;} .sign-up span a { font:bold 13px arial; color:#fff; text-align:center; text-decoration:none; line-height:26px;} .sign-up span a:hover { font:bold 13px arial; color:#ffbebe; text-align:center; text-decoration:none; line-height:26px;} .sign-up img {vertical-align:top; float:left; padding-left:1px;} .icon { float:right; vertical-align:middle; height:20px; padding-top:6px;} .icon img { padding-left:6px;} .menu4 {width:727px; background:url(images/menu4-bg.gif) repeat-x left top; height:27px; border-left:solid 1px #d9d9d9; float:left; padding-left:12px; margin-top: 3px;} .menu4 span { font:bold 12px arial; color:#386ab6; text-decoration:none; text-align:left; padding-right:19px; line-height:27px;} .menu4 span a { font:bold 12px arial; color:#386ab6; text-decoration:none; text-align:left; padding-right:19px; line-height:27px;} .menu4 span a:hover { font:bold 12px arial; color:#043784; text-decoration:none; text-align:left; padding-right:19px; line-height:27px;} .currency {width:218px; background:url(images/currency-bg.gif) repeat-x left top; border-left:solid 1px #d9d9d9; border-right:solid 1px #d9d9d9; height:27px; float:right; text-align:left; padding-left:12px; font:normal 12px arial; color:#555; text-decoration:none; line-height:27px; margin-top:3px;} .currency span { padding-right:14px;} .currency .input2 { width:103px; border:solid 1px #bbbbbb; height:18px; background:#FFFFFF; font:normal 11px arial; color:#555; line-height:18px;} .menu-title { padding:0px; margin:0px;} .menu-title span { background:url(images/menu-right.gif) no-repeat right top; height:26px; padding-right:9px; font:bold 13px arial; color:#fff; text-align:left; float:left; line-height:26px; width:183px;} .menu-title img {vertical-align:top; float:left;} .basket-title { padding:0px; margin:0px;} .basket-title span { background:url(images/menu-right.gif) no-repeat right top; height:26px; padding-right:9px; font:bold 13px arial; color:#fff; text-align:left; float:right; line-height:26px; width:152px;} .basket-title span img {float:right; padding-top:8px;} .basket-title img {vertical-align:top; float:left;} .item-title {width:167px; border:solid 1px #d2d2d2; border-top:none; background:#e8e8e8; font: bold 11px arial; color:#000; float:right; padding-left:1px; line-height:23px;} .item-title .text { padding-left:7px; width:130px; float:left;} .item-name { padding:6px 0px 6px 7px; border:solid 1px #d2d2d2; border-top:none; width:161px; float:left;} .item-name .pro-text {font:normal 11px arial; color:#343434; width:135px; float:left;} .item-name .pro-text span { font:bold 15px arial; color:#fc5704;} .item-name .qty {font:normal 11px arial; color:#343434; width:25px; float:left;} .item-name .qty a { padding:0px 5px;} .item-total { padding:5px 0px 5px 7px; border:solid 1px #d2d2d2; border-top:none; width:161px; float:left;} .item-total .total {font:normal 11px arial; color:#343434; width:154px; float:left;} .item-total .total span { font:bold 15px arial; color:#fc5704; float:right;} .item-btn { padding:5px 0px 1px 0px; border:solid 1px #d2d2d2; border-top:none; width:168px; float:left; text-align:center;} .item-btn img { padding-bottom:4px;} .live-chat {background:url(images/live-chat-bg.gif) no-repeat left top; width:170px; height:79px; float:right; margin-top:5px;} .live-chat span { text-align:right; margin-top:60px; font: normal 11px arial; color:#343434; text-decoration:none; float:right; padding-right:8px;} .live-chat span a{ text-align:right; font: normal 11px arial; color:#343434; text-decoration:none; float:right; padding-right:8px;} .live-chat span a:hover{ text-align:right; font: normal 11px arial; color:#343434; text-decoration:underline; float:right; padding-right:8px;} .p-bottom {padding-bottom:10px} .about_us { height:100px; overflow:auto; font-size:10px; color: #333366; padding:0px; } .about_us h1 { font-size: 11px; } .news-title { padding:0px; margin:0px; float:left;} .news-title span { background:url(images/menu-right.gif) no-repeat right top; height:26px; padding-right:9px; font:bold 13px arial; color:#fff; text-align:left; float:left; line-height:26px; width:170px;} .news_box { font:normal 11px arial; color:#343434; text-align:left; border-left:solid 1px #d2d2d2; border-right:solid 1px #d2d2d2; width:170px; font-weight:bold} .news_box a{ color:#343434; text-decoration:none; display:inline-block; padding:2px;} .news_box a:hover { color:#999999; text-decoration:none;} .discount { color:#aa0088; font-size:14px; } .discount a:hover { color:#999999 !important; text-decoration:none;} .newsletter-bg {background:url(images/newsletter-bottom.gif) no-repeat left bottom; width:200px; height:190px;} .newsletter-bg .input3 {width:178px; height:20px; border:solid 1px #bbbbbb; font:normal 12px arial; color:#848383; line-height:20px; padding-left:2px;} .newsletter-bg .text11 { font:normal 12px arial; color:#fff; padding:0px 10px 5px 10px;} .newsletter-bg .text12 { font:normal 11px arial; color:#fff; text-decoration:none; text-align:left; padding:0px 10px 10px 10px;} .newsletter-bg .text12 a { font:normal 11px arial; color:#fff; text-decoration:none; vertical-align:middle; line-height:20px;} .newsletter-bg .text12 a:hover { font:normal 11px arial; color:#fff; text-decoration:underline; line-height:20px;} .middle {padding:0px 9px; float:left; width:583px;} .middle .gallery { background:#FFFFFF; width:583px; float:left;} .best-seller { font:normal 11px arial; color:#343434; text-align:left; border-left:solid 1px #d2d2d2; border-right:solid 1px #d2d2d2; width:198px; overflow:hidden;} .best-seller ul {list-style:none; margin:0px; padding:0px;} .best-seller li { color:#343434; text-decoration:none; border-bottom:solid 1px #d2d2d2; line-height:16px; float:left; width:198px; padding:5px 0px;} .best-seller li a{ color:#343434; text-decoration:none; display:inline-block;} .best-seller li a:hover { color:#000000; text-decoration:none;} .best-seller li .dec{display:inline-block; float:left; color:#386ab6; width:30px; text-align:center;} .best-seller li .decmenu {width:168px; display:inline-block; float:left;} .border-1px {border:solid 1px #e8e8e8; display:inline-block; clear:both;} .feature-product {background:url(images/product-title-bg.gif) repeat-x left top; height:24px; width:571px; padding-left:10px; line-height:28px; padding-top:4px; font:bold 16px arial; color:#386ab6;} .feature-product h1 { font:bold 16px arial; } .clear15 {padding:10px 5px; clear:both;} .product{float:left; width:170px; padding:5px 10px 10px 10px;} .product-text{text-align:center; font:bold 12px arial; color:#386ab6; height:25px;} .product-text a{text-align:center; font:bold 12px arial; color:#386ab6;text-decoration:none;} .product-text a:hover{text-align:center; font:bold 12px arial; color:#386ab6;text-decoration:underline;} .pro-img{border:solid 1px #dddddd; margin:8px 0px;text-align:center; vertical-align:middle; display:block;} .pro-img img {padding:15px 10px;} .price{font:bold 16px arial; color:#fc5704; float:left; padding-left:6px;} .price_single{font:bold 12px arial; color:#fc5704; float:left; padding-left:6px;} .buynow{float:right; font: bold 13px arial; color:#000; padding-right:6px;} .buynow a{float:right; font: bold 13px arial; color:#000; padding-right:6px;text-decoration:none;} .buynow a:hover{float:right; font: bold 13px arial; color:#000; padding-right:6px;text-decoration:underline;} .hot-product {background:url(images/product-title-bg.gif) repeat-x left top; height:24px; width:571px; padding-left:10px; line-height:28px; padding-top:4px; font:bold 16px arial; color:#da0000;} .model_number { color:#6699cc; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; display:block;} .border-t-b {border-bottom:solid 1px #c3c3c3; border-top:solid 1px #c3c3c3; height:110px;} .we-accept a { font:normal 12px arial; color:#424242; padding-top:19px; float:left; text-decoration:none;} .we-accept img { padding-top:5px;} .b-logo { padding-top:3px; display:inline-block; float:right;} .b-logo img {padding-right:10px;} .label { border:none; text-decoration:none; color:#999999; font-size:12px; padding-top:5px; float:left;} .warehouse { border:none; text-decoration:none; color:#003399; font-size:12px; font-weight:bold; float:right;} .warehouse span:hover { text-decoration:underline; } .hover-underline { text-decoration:none; } .hover-underline a:hover { text-decoration:underline; } .pad-l-15 {padding-left:15px;} .search-bg {background:url(images/search-bg1.gif) no-repeat left top; margin-left:15px; margin-right:15px;} .height1 {height:1px} .height5 {height:5px} .height13 {height:13px} .height20 {height:20px} .margin-r0 {margin-right:0px;} .border-b1 {border-bottom:solid 1px #dddddd; clear:both;} .padding-r0 {padding-right:0px;} .copyright { font:normal 12px arial; color:#424242; line-height:46px; text-decoration:none;} .copyright a { font:normal 12px arial; color:#424242; line-height:46px; text-decoration:none;} .copyright a:hover { font:normal 12px arial; color:#424242; line-height:46px; text-decoration:underline;} .copyright b{color:#3e7cbc; font-weight:normal; text-decoration:none;} .copyright b a{color:#3e7cbc; font-weight:normal; text-decoration:none;} .copyright b a:hover{color:#3e7cbc; font-weight:normal; text-decoration:underline;} .cat-pad {padding:15px 8px 10px 8px; clear:both;} .cat1 { background: url("images/blue-bottom.gif") no-repeat scroll left bottom transparent; float: left; height: auto; margin: 0 10px 10px; padding-bottom: 10px; text-align: center; vertical-align: top; width: 168px; } .cat1 img { text-align: center; vertical-align: top; } .cat1 span { color: #FF9C00; font: bold 12px arial; height: 50px; text-align: center; text-decoration: none; } .cat1 span a { color: #FF9C00; font: bold 12px arial; height: 50px; text-align: center; text-decoration: none; padding: 5px; } .cat1 span a:hover { color: #FFFFFF; font: bold 12px arial; height: 50px; text-align: center; text-decoration: none; } .img3 *{ vertical-align:middle!important;} .img3 b { height:100%; display:inline-block!important;} ol, ul { list-style:none } section { display:block } .selected-posts { width:570px; height:240px; overflow:hidden; position:relative; text-align:center; display:block;} .selected-posts-slider { text-align:center; display:block;} .selected-posts-slider a { display:block; margin-left:3px; width:10px; height:10px; text-indent:-9999px; background:transparent url(images/dot.jpg) left top no-repeat} .selected-posts-slider a:hover, .selected-posts-slider a.current { background-position:left bottom } .dots { text-align:center; padding-top:5px; padding-bottom:5px;} .cat2 {background: url(images/bg-box-baby.gif) no-repeat scroll left bottom transparent;float: left;height: auto;margin:0 10px 10px; padding-bottom:5px;text-align: center;vertical-align: top;width:164px; display:inline-block} .cat2 img {text-align: center;vertical-align: top;} .cat2 span {color: #0d54a0;font: bold 12px arial;padding-top:10px;background:#d6e7fa;width:153px;margin-left:5px; padding-bottom:8px;text-align: center;text-decoration: none;float:left;} .cat2 span a {color: #0d54a0;font: bold 12px arial;text-align: center;text-decoration:none;padding:5px;} .cat2 span a:hover {color: #000;font: bold 12px arial;text-align: center;text-decoration: none;} .mid-img *{ vertical-align:middle; background-color:#FFFFFF; display:inline-block; text-align:center;} .mid-img span{ height:100%; text-align:center;} .mid-img a{ display:inline-block; text-align:center;} .mid-img a:hover{ display:inline-block; text-align:center;} .paging {color: #386AB6;font: bold 11px arial;padding-top:15px;} .paging a{color: #386AB6;font: bold 11px arial;text-decoration:none;} .paging a:hover{color: #386AB6;font: bold 11px arial;text-decoration:underline;} .rside{float:right;width:170px;} .inner-box{ padding:15px;} .content{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#616060;text-align: justify;} .content .pro-thumb {float:left; width:233px; margin-right:18px; display:inline; background:#ff0000;} .content .pro-thumb .pro {text-align:center; background:#FFFFFF; border:solid 2px #d6cfaf; width:377px; height:326px;} .content .pro-thumb .pro img {border:solid 0px #D6CFAF; padding:0px;} .sub-title{ font-family:Arial, Helvetica, sans-serif; color:#504d85; font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom:5px;} .button{float:right;margin-top:20px;margin-bottom:20px;} .grid{border-top:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#616060; background:#F1EDD2;} .grid-first{ padding:8px; border-right:#EDEDED solid 1px; color:#5E5C5C; font-weight:bold; background:#fff;} .grid-first p{ padding-left:15px;} .grid-col-last{ border-right:none !important;} .grid-c{ text-align:center !important;} .grid-all{padding:8px; border-top:#EFEFEF solid 1px; border-right:#EFEFEF solid 1px; background:#fafafa;} .grid-all p{ padding-left:15px;} .grid-all .input-txt1{ width:80px;} .grid-all span{ font-size:11px;color:#616060; font-weight:normal; display:block;} .grid-all img {border:solid 1px #DCDCDC;margin-right:5px;} .sub-txt{font-family:Arial, Helvetica, sans-serif; color:#606060; font-size:11px; font-weight:normal; padding:10px;} /* login new css--- */ .login-title{ background:url(images/product-title-bg.gif) repeat-x top; height:28px; color:#386AB6; line-height:28px; padding-left:10px; border:1px solid #E8E8E8;} .input-txt{ border:1px solid #BBBBBB; color:#848383; font:12px/20px arial; height:20px; margin-top:4px;} .forgot{ font-size:11px; color:#222; padding:10px;} .forgot a{ color:#ff0000; text-decoration:none;} .note-txt{ padding:10px; font-size:11px; color:#222; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:15px;} .note-txt a{ font-weight:bold; color:#333; text-decoration:underline;} .note-txt a:hover{ font-weight:bold; color:#333; text-decoration:none;} .reg-title{background:#E8E8E8; border:#D2D2D2 solid 1px; font:bold 11px/23px arial; color:#000000; width:100%; padding:0px 10px;} .prod-price { font-size:14px; text-align:right; } .reg-title .inreg{ font-weight:normal; color:#ff0000;} .reg-box{border:#e8e8e8 solid 1px; vertical-align:top;} .reg-box td{ padding:5px 5px 5px 5px; vertical-align:top;} .reg-box td input{ vertical-align:top; margin-top:0px;} .incmt{ font-size:11px; padding-top:5px; color:#666666;} .inreg{ font-size:11px; padding-top:5px; color:#ff0000;} .reg-btn{ padding:10px; text-align:right;} .reg-btn1{ padding:10px; border:#e8e8e8 solid 1px;} .his-top{ background:#E8E8E8; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; padding:5px 10px; border:1px solid #D2D2D2;} .his-top b{ font-weight:bold; color:#000000; } .his-row{ background:#fbfcfc;border:1px solid #d8d8d8; padding:8px 10px; line-height:16px; border-top:none; border-right:none;} .lgn-mdl{background:#f2f2f3; width:561px; padding:0px 0px; float:left; border:#d8d8d8 solid 1px;} .lgn-mdl .left{ width:100px; float:left; padding-top:85px; text-align:center; padding-bottom:15px;} .lgn-mdl .radiobtn{width:300px; float:left; padding:10px 0px; font-size:12px; color:#616060; text-decoration:none; font-family:Arial, Helvetica, sans-serif;} .lgn-mdl .fldnm{width:300px; float:left; padding:5px 0px; font-size:13px; color:#616060; text-decoration:none; font-family:Arial, Helvetica, sans-serif;} .content h3{ font-size:12px; color:#535089; padding-bottom:10px;} .content .links{ font-size:12px;} .content .link li{ list-style:none; background:url(images/bul1.gif) no-repeat 0px 5px; line-height:15px; padding-left:15px; padding-bottom:5px; margin-left:10px; font-size:12px;} .content .links li{ list-style:none; background:url(images/bul1.gif) no-repeat 0px 5px; line-height:15px; padding-left:15px; padding-bottom:10px; margin-left:10px; font-size:12px;} .content .links li a{ list-style:none; background:url(images/bul1.gif) no-repeat 0px 5px; line-height:15px; padding-left:15px; padding-bottom:10px; margin-left:10px; font-size:12px; text-decoration:none; color:#616060;} .content .link-acc li{ list-style:none; background:url(images/bul1.gif) no-repeat 0px 5px; line-height:15px; padding-left:0px; padding-bottom:10px; margin-left:0px; font-size:12px;} .content .link-acc li a{ list-style:none; line-height:15px; padding-left:15px; padding-bottom:10px; margin-left:0px; font-size:12px; text-decoration:none; color:#222222;} .content a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#616060; text-decoration:underline;} .content a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#616060; text-decoration:none;} .bill-l{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#616060; padding: 10px 5px;} .bill-r{ padding:10px; border-left:1px solid #DCDCDC; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#616060;} .bill-add-r{vertical-align:top; padding-left:15px;border-left:#dcdcdc solid 1px; font-size:12px; color:#616060;} .info-row{ background:#FFFFFF; font-size:12px;color:#616060; padding:8px 10px; border:1px solid #DAD7C9; border-bottom:none; border-top:none;} .borderRN{ border-right:none;} .borderLN{ border-left:none;} .btn-R{ display:inline-block; margin-right:10px;} .content .pro-thumb {float:left; width:375px; margin-right:10px; display:inline; margin-top:5px; background:#fff; border:#e8e8e8 solid 1px; min-height:300px;height:auto !important;height:300px;text-align:center;} .content .pro-dis{ vertical-align:top;} .content .pro-dis span{ padding:5px; display:inline-block; border-bottom:#e8e8e8 solid 1px;} .check-title{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#386ab6; font-weight:bold; padding-bottom:10px;} .check-add{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#222; font-weight:normal; border-left:#e8e8e8 solid 1px; padding-left:10px;} .check-add b{ font-size:12px; font-weight:bold; color:#386ab6; display:inline-block; padding-bottom:10px;} .charge{ padding:10px; background:#f8f8f8; border:#e8e8e8 solid 1px; border-top:none;} .check-dis{ font-size:11px;} .check-font{ font-size:12px !important; line-height:24px;} .check-price{ color:#386ab6; font-weight:bold;} .input-area1{ border:#bbb solid 1px;width:559px; height:80px;font-family:Arial, Helvetica, sans-serif;font-size:12px;} .check-box{ padding:10px; border:#e8e8e8 solid 1px; } .border-bN{ border-bottom:none !important;} .check-dis1{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;} .check-dis1 b{ color:#386ab6; font-weight:bold; padding-bottom:5px; font-size:12px;} .checkoutBarTo{ font-size:13px; color:#343434; font-weight:bold; text-align:center;} .checkoutBarCurrent{font-size:13px; color:#1352a0; font-weight:bold; text-align:center;} .sucess-txt{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#343434; line-height:15px;} .sucess-txt b{ font-size:14px; color:#386ab6; display:inline-block;} .sucess-txt span{ font-size:13px;color:#386ab6; font-weight:bold;} .sucess-txt a{ color:#4473ba; text-decoration:none;} .sucess-txt a:hover{ color:#000000; text-decoration:underline;} .thanks{ background:#f8f8f8; border-top:#e8e8e8 solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4573ba; font-weight:bold; padding:18px 10px;} .inputRequirement{color:#ff0000;font-weight:normal;} .input {color:#ff0000;font-weight:normal;} .productListing-data a { color: #616060; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; } .productListing-data a:hover{ color: #616060; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .checkoutBarTo a { color: #616060; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; } .checkoutBarTo a:hover{ color: #616060; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .his-top a { color: #616060; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; } .his-top a:hover{ color: #616060; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .selected { background-color: #f9f9c9 !important ; } .deselected { background-color: #fefefe !important ; } .highlight { background-color: #cfdfff !important ;} .no_highlight { background-color: #ffffff !important ;} .newsletter_submit { color:#003399 ;} .breadcrumb a { color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight:bold; text-decoration:none; margin-top:5px; margin-bottom:5px; padding-top:5px; } .breadcrumb a:hover { color: #043784; } .red-bg{ background-color: #bc0000 ;} .left-menu {width:199px; border:solid 1px #d2d2d2; border-top:none; clear:both;} .right-menu {width:170px; border:solid 1px #d2d2d2; border-top:none; clear:both;} .sort { color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight:bold; text-decoration:none; padding-right:20px; text-align:right; background-color: #f5f5f5; padding: 2px 20px 2px 2px; } .sort a { color: #437cbb; } .sort a:hover { color: #043784; } /* CATEGORIES MENU */ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 200px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; font-family: arial; font-size: 11px; z-index:50; } .suckerdiv ul li{ position: relative; background-color: #ffffff; z-index:50; } /*1st level sub menu style */ .suckerdiv ul li ul{ left: 199px; /* Parent menu width - 1*/ position: absolute; width: 200px; /*sub menu width*/ top: 0; display: none; z-index:50; background-color: #f0f0f0; } /*All subsequent sub menu levels offset */ .suckerdiv ul li ul li ul{ left: 199px; /* Parent menu width - 1*/ z-index:50; background-color: #f0f0f0; } /*All subsequent sub menu levels offset */ .suckerdiv ul li ul li a{ left: 199px; /* Parent menu width - 1*/ background-color: #f0f0f0; } /*All subsequent sub menu levels offset */ .suckerdiv ul li ul li ul li a{ } /*All subsequent sub menu levels offset */ .suckerdiv ul li ul li ul li ul li a{ } /* menu links style */ .suckerdiv ul li a{ display: block; color: #333333; text-decoration: none; background-color: #ffffff; padding: 5px 5px; border: 1px solid #ccc; border-bottom: 0; line-height: 2em; font-weight:bold; } .suckerdiv ul li a:hover{ color: #437cbb; text-decoration: none; background-color: #f0f0f0; display:block; visibility:visible; } .suckerdiv ul li ul li a:hover{ color: #437cbb; text-decoration: none; background-color: #f0f0f0; display:block; } .suckerdiv ul li ul li ul li a:hover{ color: #437cbb; text-decoration: none; background-color: #f0f0f0; display:block; } .suckerdiv ul li ul:hover {display:block;} /* The main categories with sub-categories */ .suckerdiv .subfolderstyle{ background: url(images/arrow-list.gif) no-repeat center right; } /* This one colors the sub-folder with other sub-folders */ .suckerdiv ul li ul .subfolderstyle { background-color: #f0f0f0; } /* This one colors the sub-folder with other sub-folders */ .suckerdiv ul li ul li ul .subfolderstyle { background-color: #f0f0f0; } /* This one colors the sub-folder with other sub-folders */ .suckerdiv ul li ul li ul li ul .subfolderstyle { background-color: #f0f0f0; } .menuSelect {color: #437cbb;} /* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End CATEGORIES MENU */ /* Horizontal Menu */ .nav ul { color: #44433f; font: 13px Arial, Helvetica, Verdana, sans-serif; font-weight: bold; height: 26px; float: left; margin: 0; list-style: none; } .nav li { float: left; background:url(images/menu-top.gif) no-repeat left top; position: relative; z-index: 1; margin-right:1px; } .nav li.last { background:none; } .nav li:hover { z-index:100; } .nav li a { color: #E5F2FB; display: block; line-height: 38px; overflow: hidden; float: left; } a .menu-mid { height: 26px; line-height: 26px; display: block; float: left; padding-bottom: 5px; padding-left:9px; padding-right:9px; } .nav li a:hover .menu-left, .nav li.active a .menu-left, .nav li:hover a .menu-left, .nav li a:hover .menu-mid, .nav li.active a .menu-mid, .nav li:hover a .menu-mid, .nav li a:hover .menu-right, .nav li.active a .menu-right, .nav li:hover a .menu-right { line-height: 26px; } .nav li a:hover, .nav li.active a, .nav li.hover a, .nav li:hover a { color: #bddffc; } .nav li:hover .sub, .nav li.hover .sub { display:block; } .nav li .sub { display: none; position: absolute; top: 27px; left: 0px; width: 136px; font-weight:normal; border: 1px solid #c1dbf0; } .nav li ul { background-color:#ecf5fd; width: 112px; height: auto; margin: 0; padding: 0 12px 10px; list-style: none; font-size: 11px; font-weight: bold; } .nav li:hover li a, .nav li.active li a { color: #333333; background-color:#ecf5fd; line-height: normal; width: 106px; padding: 3px 3px 3px; text-indent: 1px; text-decoration:none; } .nav li:hover li a:hover, .nav li.active li a:hover { color: #437cbb; background-color:#ecf5fd; text-decoration: none; line-height: normal; } /*IE*/ .nav li li a:hover, .nav li li a:hover { color: #437cbb; background-color:#ecf5fd; text-decoration: none; line-height: normal; } /**/ /* END Horizontal Menue */