/* Global Reset */ * { margin: 0; padding: 0; font-family:arial; } /*End Global Reset ----------------------------------------------------*/ /* General */ body { font-family: arial, arial, Helvetica, sans-serif; font-size: 0.8em; height: 100%; width:100%; text-align: center; margin:0px; background:#eee url(images/bg.gif); } .catbg { background-color: #E5F4FF; color:#000; } input, select { font-size: 11px; } #ProductReviews { padding-left: 10px; padding-top:5px; } .brands-logo{ overflow:hidden; } .bottom .defaultTitle, .top .defaultTitle{ margin:0px 10px; } input { padding: 1px; } p { line-height: 1.3; padding-bottom: 15px; } a { font-weight: bold; text-decoration:none; color:#5c534e; } br{ padding:0px; } h2, .TitleHeading { font-size: 1.3em; font-weight: bold; padding: 6px 7px; color:#000; } h3 { font-size: 1.1em; margin-bottom: 6px; } h4 { font-size: 1.1em; margin-bottom: 4px; } img, img a { border: 0; } ul, ol { margin: 0 0 10px 30px; } li { margin: 0; padding: 0; } blockquote { margin-left: 28px; } select option { padding: 0 10px; } hr { margin: 0px 0; padding: 0; border:0; } .hidden { display: none; } .required { color: #FF0000; } /*End General ----------------------------------------------------------*/ /*Common Style*/ .Clear{clear:both;} .clear{clear:both;} .FloatRight{float: right;} .FloatLeft{float: left;} .ClearRight{clear: right;} .ClearLeft{clear: left;} .Warning {color:#FF0000;} /*End Common Style------------------------------------------------------*/ /*Custom main*/ #Container { margin: auto; margin-left: auto; width: 1000px; text-align:left; background-color:#eee; } .left { float: left; font-size: 12px; width: 219px; overflow:hidden; margin-left:3px; } .center{ float: left; font-size: 12px; margin: 0; width: 765px; overflow:hidden; margin-left:7px; } .bottom{ float:left; width:1000px; margin-left:3px; } .top{ float:left; width:1000px; } #Wrapper{ padding-top:7px; } /*End Custom main-----------------------------------------------------*/ /*Top Menu*/ .bg_topmenu { /*background-color: #FFFFFF; border-bottom: 1px solid #D3D3D3; height: 22px; width: 100%;*/ position: fixed; top: 0px; z-index: 10000; height: 26px; background-color: lightgray; width: 1000px; } .bg_topmenu a:hover{ text-decoration: underline; } #TopMenu { float: right; height: 22px; padding: 0 10px 0 0; } #TopMenu ul { list-style: none outside none; margin: 0; } #TopMenu li { background-image: url("icon_top.gif"); background-position: left center; background-repeat: no-repeat; float: left; list-style: none outside none; margin: 0; padding: 0; height: 22px; line-height: 22px; } #TopMenu li.First a { border-left: 0 none; } #TopMenu li a, #TopMenu li div { /*color: #4F4F4F;*/ display: block; /*font-size: 11px;*/ padding: 0 10px; color: #AB1D97; font-size: 12px; } #TopMenu li a:hover { text-decoration: underline; } /*End Top Menu-------------------------------------------------------*/ /*Header*/ #Header{ height:78px; border-bottom:solid 1px #ececec; } #Header #Logo{ float: left; position: absolute; } #LogoContainer{ padding-left: 5px; padding-top: 5px; white-space: nowrap; width: 978px; } #Header #Logo h1{ overflow:hidden; } #Header #Logo h1 a { color:#2a2a2a; font-family:arial; font-weight:bold; font-size:32px; text-decoration:none; } #Header #Logo h1 a span { display:block; font-size:12px; padding-left:50px; } /*End Header----------------------------------------------------------*/ /*Navigation*/ /*Main Menu*/ #Menu { clear: both; background: no-repeat scroll 50% 0; height:35px; width:1000px; margin:0 auto; background-image:url(images/bg_menu0.gif); background-position:top; background-repeat:repeat; padding-left:0px; } #nav li { position:relative; text-align:left;} #nav li.over { z-index:999; } #nav a,#nav a:hover { display:block; line-height:22px; text-decoration:none; text-transform: uppercase; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /* 0 Level */ #nav li { float:left;} #nav li.level0.current, #nav li.level0.over{ /*background-image:url(images/bg_menu_select_left.gif); background-repeat:no-repeat; background-position:left;*/ background-color: #ab1d97; } #nav li.level0.current a, #nav li.level0.over a{ /*background-image:url(images/bg_menu_select_right.gif); background-repeat:no-repeat; background-position:right;*/ background-color: #ab1d97; } #nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; } #nav li.first a{background:none;} /* 1st Level */ #nav ul li,#nav ul li.current { float:none; margin:0; padding-bottom:1px; } #nav ul li.last { padding-bottom:0; } #nav ul li span { font-weight:normal;} #nav ul a,#nav ul a:hover { float:none; padding:0; background:none; } #nav ul li.first a, #nav ul li.first a:hover {border-top:none; } #nav ul li.over { color:#9ffffe;} /* 2nd Level */ #nav ul ul { background: transparent; top:0; } #nav ul { position:absolute; left:-10000px; border:1px solid #899ba5; background: transparent; top:35px; width:220px; } #nav ul ul li.first{ border-top:none; } #nav, #nav ul, #nav li{ margin:0; padding:0; list-style:none; } #nav a:link, #nav a:visited { font: 12px/35px arial; padding: 0 20px 0 20px; color:#fff; font-weight:bold; } #nav .level0{ margin:0px 0px; } #nav .level1 a{ background:none; } #nav ul li a { color:#2f2f2f; font-size: 11px; } #nav ul li a:hover { color:#2f2f2f; } #nav ul span, #nav ul li.last li span { padding:5px; } #nav ul.level0 { background: #fff; border:solid 1px #d3d3d3; } #nav ul.level1 { background: #fff; border:solid 1px #d3d3d3; } #nav ul.level0 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #nav ul li.over ul li.level2 a{ margin: 0px 0px 0px 0px; padding: 2px 20px; text-transform: none; color: #fefefe; font-size:12px; background: url("http://muagicungre.com/Sites/6612/Skins/Ecom45/Images/icon_level2.gif") no-repeat scroll 12px 13px transparent; } #nav ul li.over ul li.level2:hover a{ background-color:#ff9c00; color:#fff; font-weight:bold; } #nav ul.level0 li a { margin: 0px 0px 0px 0px; padding: 2px 20px; color: #333; font-size:12px; background: url("icon_lev.gif") no-repeat scroll 12px 12px transparent; border-top:solid 1px #D5D5D5; } #nav ul.level0 li.level1 a{ background: url("icon_lev.gif") no-repeat scroll 12px 12px transparent; } #nav ul.level0 li.first a, #nav ul.level1 li.level2.first a{ border:none; } #nav ul.level1 li.level2 a{ border-top:solid 1px #D5D5D5; } #nav ul.level0 li.over a{ color:#fff; /*background: url("Images/icon_level1_select.gif") no-repeat scroll 12px 12px #ab1d97;*/ background-color: #ab1d97; font-weight:bold } #nav ul.level0 li.over a span{ color:#fff; font-weight:bold } #nav ul.level0 li a span { margin: 0px 0px 0px 0px; color: #020202; line-height:14px; } #nav ul.level0 li a:hover { color:#fff; /*background: url("Images/icon_level1_select.gif") no-repeat scroll 12px 12px #ff9c00;*/ background-color: #ab1d97; font-weight:bold } #nav ul.level0 li a:hover span{ color:#fff; font-weight:bold } #nav ul.level1 li a { color: #050000; } #nav ul.level1 li a span { color: #4e4a4a; } #nav ul.level0 li.over li a span { color: #fff; } #nav ul.level0 li.over ul.level1 li a span { color: #020202; font-weight:normal; } #nav ul li.over ul li:hover { background-color:#fff; } #nav ul.level0 li.over li a:hover span { color: #4e4a4a; text-decoration:underline; } #nav ul.level0 li.over ul.level1 li a:hover span { color: #fff; font-weight:bold; } #nav ul.level1 li a:hover span { color: #fff; } /* Show menu */ #nav li.over > ul { left:0px; } #nav li.over > ul li.over > ul { left:160px; } #nav li.over ul ul { left:-10000px; } /*End Main Menu--------------------------------------------------------*/ /*Search form*/ #SearchForm { float: right; padding-right: 4px; padding-top: 8px; width: 252px; } #SearchForm .search-input{ border:none; border:solid 1px #dddddd; border-right:none; background: none repeat scroll 0 0 #ffffff; float: left; height: 19px; margin: 0 0 0 8px; padding: 0; width: 189px; padding-left:5px; } #SearchForm .search-button{ background: url("images/search00.gif") no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; float: left; height: 19px; padding: 0; vertical-align: middle; width: 22px; margin-right:5px; } #SearchForm .search-adv{ background: url("images/search_a.gif") no-repeat scroll 0 0 transparent; float: left; height: 18px; margin-left: 0; width: 18px; } #SearchForm .search-adv span{ display:none; } #SearchForm a{ color:#FFFFFF; font-size:11px; } /*End Search form----------------------------------------------------*/ /*End Navigation-----------------------------------------------------*/ /*DefaultModule*/ .DefaultModule { background-color: #FFFFFF; border: 1px solid #D3D3D3; margin-bottom:9px; } .left .defaultTitle { background-image: url("images/bg_tittl.gif"); background-position: center bottom; background-repeat: no-repeat; color: #2E2D29; font-size: 14px; font-weight: bold; height: 43px; line-height: 30px; text-align: center; text-transform: uppercase; } .center .DefaultModule { background:none; border:none; } .center .defaultTitle, .center .defaultTitle h2, .bottom .defaultTitle, .bottom .defaultTitle h2, .top .defaultTitle{ border-bottom: 2px solid #000000; color: #2E2D29; font-family:Arial; font-size:14px; line-height:30px; font-weight:bold; margin-bottom: 5px; text-align: left; text-transform: uppercase; } /*End DefaultModule--------------------------------------------------*/ /*ProductList */ ul.ProductList{ padding:0; margin:0; list-style:none; border-top:none; } .center .ProductList li, .top .ProductList li, .bottom .ProductList li { background-color: #FFFFFF; border: 1px solid #BEBDBD; float: left; font-size: 11px; height: 330px; list-style: none outside none; margin: 6px; min-height: 17em; overflow: hidden; padding: 1px; position: relative; width: 239px; } #Wrapper .top .ProductList li{ width:232px; } #Wrapper .bottom .ProductList li{ width:231px; } .ProductList li{ float: left; font-size: 11px; list-style: none outside none; margin: 0; overflow: hidden; padding: 10px 0; position: relative; width: 177px; text-align:center; } .left .ProductList li { margin-left:15px; height:100% !important; } .ProductList .ProductDetails, .ProductList .ProductPrice, .ProductList .ProductRating, .ProductList .ProductActionAdd, .ProductList .ProductActionCall, .ProductList .ProductCompareButton{ text-align:center; padding:0px 5px; } .ProductList .ProductDetails a{ color: #000000; font-family: arial; font-size: 12px; font-weight: bold; text-transform: uppercase; } .center .ProductList .ProductDetails a{ color: #222222; font-family:arial; font-size: 12px; font-weight: normal; text-transform: none; } .ProductList .ProductDetails a:hover{ color:#282828 ; text-decoration:underline; } .ProductList .ShortDescription{ max-height:120px; overflow:hidden; } .ProductList .ProductPrice{ padding-top:5px; } .ProductList em, .ProductList .price { color:red; font-style:normal; font-size:13px; font-weight:bold; padding-bottom:2px; } .ProductList strike{ font-size:12px; font-weight:bold; color:#2E2D29; } .ProductList .ProductRating{ padding:5px; } .ProductList .ProductRating .RatingImage{ margin:0 auto; } .ProductList .ProductImage{ background-color: #FFFFFF; height: 220px; margin: 10px auto; overflow: hidden; text-align: center; vertical-align: middle; width: 179px; } .center .ProductList .ProductImage{ background-color: #FFFFFF; height: 220px; margin: 10px; overflow: hidden; text-align: center; vertical-align: middle; width: 220px; } .ProductList .disable{ display:none; } .ProductList .ProductActionAdd{ margin:8px 0px 5px 0px; } .ProductList .ProductActionAdd a, .ProductPrice a{ color:#FFFFFF; font-size:12px; font-family:arial; font-weight:bold; text-transform:none; text-align: center; background-color:#AB1D97; padding:4px 13px 5px 12px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius:4px; border-radius:4px; } .ProductList .ProductActionCall{ color:#075899; font-size:12px; margin-top:5px; } .salePercentFlag, .newFlag, .outletFlag, .saleFlag { color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; } .salePercentFlag, .saleFlag { padding-top: 1px; } .outletFlag, .saleFlag { background-position: -232px -205px; } .outletFlag, .saleFlag { width: 52px; } .saleFlag, .newFlag, .outletFlag, .kidsFlag, .salePercentFlag { height: 51px; position: absolute; right: 20px; top: 20px; width: 51px; } .saleFlag span{ font-size:9px; } .iconSprite { background: url("images/saleflag.png") no-repeat scroll 0 0 transparent; display: block; font-size: 1px; font-size:12px; font-family:arial; font-weight:bold; line-height:51px; } .iconSprite span { font-size: 11px } .ViewMore{ float:right; padding-right:10px; } .ViewMore a { font-weight: bold; padding-left: 9px; } .ProductList .Flag-Promotion { background: url("images/km100000.gif") no-repeat scroll 0 0 transparent; margin-left: 5px; padding: 0 15px; } /*End ProductList ---------------------------------------------------*/ /*ProductListContainer */ .defaultTitle.category-title h2{ border:none; } .center .defaultTitle.category-title, .center .defaultTitle.category-title h2{ line-height:15px; } .SortBox { color: #2E2B2B; padding-right: 16px; padding-top: 7px; } .views { margin-top: 1px; padding: 5px 5px 0; } .views img { width: 16px; } .catalog-listing { background-color: transparent; border: 1px solid transparent; line-height: 1.35em; margin-top:10px; } .listing-type-list .listing-item{ border-bottom: 1px dotted #000000; padding: 15px 0; margin-bottom:5px; } .listing-type-list .product-image{ float: left; text-align: center; } .listing-type-list .product-shop{ float: left; } .listing-type-list .product-shop h3{ color: #666666; font-size: 12px; line-height: 1.3em; margin-bottom: 0.4em; } .listing-type-list .product-shop h3 a{ font-weight: bold; } .listing-type-list .product-shop .description{ line-height: 1.5; text-align: justify; } .listing-type-list .product-shop .description .cmp{ clear: both; margin-top: 5px; } .listing-type-list .product-shop .price strike{ color: #2E2D29; font-size: 11px; font-weight: bold; } .listing-type-list .product-shop .price em{ color: red; font-size: 13px; font-style: normal; font-weight: bold; padding-bottom: 2px; } .listing-type-list .product-shop .price .ProductActionAdd{ margin-bottom: 5px; margin-top: 8px; } .listing-type-list .product-shop .price .ProductActionAdd a{ background-color:#ff9c00; border-radius: 4px 4px 4px 4px; color: #FFFFFF; font-family: arial; font-size: 12px; padding: 4px 13px 5px 12px; text-align: center; text-transform: none; } .product-shop a{ color:#292929; } .listing-type-list .hidden{ display: none; } .listing-type-list .Flag-Promotion{ background: url(images/km100000.gif) no-repeat; padding: 0px 15px; margin-left: 5px; } .listing-type-list .saleFlag1 { color: #FFFFFF; font-weight: bold; height: 51px; left: auto; line-height: 51px; margin-left: 12px; margin-top: 14px; position: absolute; text-align: center; width: 51px; } /*End ProductListContainer ------------------------------------------*/ /*NewsListContainer */ .defaultTitle.newsCategory h2{border:none;} .center .defaultTitle.newsCategory , .center .defaultTitle.newsCategory h2{ line-height:15px; } .newsList { background-color: #FFFFFF; padding: 0 15px; margin-top:10px; border: 1px solid #B1B1B1; } div.newsList hr.newsList_Seperator{ border-bottom: dotted 1px #DDDCDA; } table.newsList_Item{ border-collapse: collapse; margin: 15px 0; width: 100%; } table.newsList_Item td{ padding: 4px; } table.newsList_Item td.newsList_Image{ text-align: center; vertical-align: top; width: 130px; } table.newsList_Item td.newsList_Content{ text-align: left; vertical-align: top; line-height: 1.5; } table.newsList_Item a.newsList_Title:link, table.newsList_Item a.newsList_Title:visited{ font-weight: bold; text-decoration: none; } table.newsList_Item a.newsList_Title:hover{ text-decoration: underline; } table.newsList_Item span.newsList_Date{ color: #989898; } table.newsList_Item span.newsList_Summary{ color: #565656; text-align: justify; } table.newsList_Item a.newsList_LinkDetail:link{ color: #2E2D29; text-decoration: none; } table.newsList_Item a.newsList_LinkDetail:hover{ text-decoration: underline; } table.newsList_Item a.newsList_LinkDetail:link { color: #2E2D29; text-decoration: none; font-style:italic; } .center .defaultTitle.newsDetail_Header, .center .defaultTitle.newsDetail_Header h2{ background:inherit; border:none; line-height:20px; text-transform:none; } /*End NewsListContainer ---------------------------------------------*/ /*cate-menu*/ #cate-menu ul, #cate-menu ul li{ margin:0; list-style:none; } #cate-menu ul li a:hover{ text-decoration:underline; } /*Level 0*/ #cate-menu ul li a:link, #cate-menu ul li a:visited { color: #AB1D97; display: block; font-size: 12px; padding: 5px 12px 6px; text-transform: uppercase; } #cate-menu ul li.current a:link, #cate-menu ul li.current a:visited { color:#fff; font-weight:bold; padding: 5px 9px 5px 9px; background-color:#AB1D97; } /*Level 1*/ #cate-menu ul ul li.level1 a:link, #cate-menu ul ul li.level1 a:visited { color: #898989; display: block; font-size: 11px; background-color:#fff; font-weight:normal; padding: 5px 9px 6px 24px; } #cate-menu ul ul li.current a:link, #cate-menu ul ul li.current a:visited { color:#ff9c00; } /*Level 2*/ #cate-menu ul ul ul li.level2 a:link, #cate-menu ul ul ul li.level2 a:visited { background:none; color: #898989; display: block; font-size: 11px; padding: 5px 0 6px 35px; background-color:#fff; font-weight:normal; } #cate-menu ul ul ul li.current a:link, #cate-menu ul ul ul li.current a:visited { color:#ff9c00; } /*End cate-menu------------------------------------------------------*/ /*menu-news*/ #menu-news ul, #menu-news ul li{ margin:0; padding:0; list-style:none; } #menu-news ul li a:hover{ text-decoration:underline; } /*Level 0*/ #menu-news ul li a:link, #menu-news ul li a:visited { background:none; font-size:12px; color:#292727; display:block; padding:5px 0 6px 24px; text-transform:uppercase; } #menu-news ul li.current a:link, #menu-news ul li.current a:visited { background: url(http://muagicungre.com/Sites/6612/Skins/Ecom45/Images/icon_product.gif) 11px 8px no-repeat; color:#ff9c00; } /*Level 1*/ #menu-news ul ul li.level1 a:link, #menu-news ul ul li.level1 a:visited { background:none; color: #a9a9a9; display: block; font-size: 12px; padding: 5px 0 6px 36px; text-transform:uppercase; } #menu-news ul ul li.current a:link, #menu-news ul ul li.current a:visited { background: url("http://muagicungre.com/Sites/6612/Skins/Ecom45/Images/icon_product.gif") no-repeat scroll 25px 9px transparent; color:#ff9c00; } /*Level 2*/ #menu-news ul ul ul li.level2 a:link, #menu-news ul ul ul li.level2 a:visited { background:none; color: #a9a9a9; display: block; font-size: 12px; padding: 5px 0 6px 50px; text-transform:uppercase; } #menu-news ul ul ul li.current a:link, #menu-news ul ul ul li.current a:visited { background: url("http://muagicungre.com/Sites/6612/Skins/Ecom45/Images/icon_product.gif") no-repeat scroll 38px 9px transparent; color:#ff9c00; } /*End menu-news------------------------------------------------------*/ /*downloadfile*/ .defaultContent.downloadfile-content{padding:5px;} /*End downloadfile---------------------------------------------------*/ /*TextHTML-Module*/ .defaultContent.TextHTML-content{padding:5px;} /*end TextHTML-Module------------------------------------------------*/ /*useronline*/ .defaultContent.useronline-content{padding:5px;} /*End useronline-----------------------------------------------------*/ /*Footer*/ #Footer { border-top: 1px solid #A6A6A6; clear: both; margin: 0 auto; width: 990px; } #FooterContainer { color: #2D2D2D; font-size: 11px; padding: 10px 0 0 20px; text-align: left; } #Powerby { color: #2D2D2D; float: right; padding-right: 20px; padding-top: 20px; width: 120px; } #Powerby a { color: #2D2D2D; } /*End Footer---------------------------------------------------------*/ /******************************Test**********************************/ .Block{ font-size: 11px; font-family: inherit; color: #444444; } .NormalTextBox{ border: 1px solid #CECECE; padding: 2px; font-family: arial; font-size: 11px; } .Block p{ line-height: 1.3; margin-bottom: 8px; } .Block h2{ color: #2E2D29; font-size: 1.6em; font-weight: bold; padding: 10px 0; } .LoginForm .BlockContent{ padding-bottom:10px; } .Block h3{ color: #2b2b2b; padding: 3px 5px; } .Block h4{ font-size: 1.1em; margin-bottom: 4px; } .Block table{ width: 100%; } .Block table td{ padding: 4px; } .Block table td.key{ width: 100px; text-align: right; vertical-align: top; padding-top: 8px; } .Block .NormalRed { color: #F00; } .Block .Meta{ color: #444444; line-height: 2.0; } .Block .Clear{ clear: both; } p.SubTotal { color: #000; font-weight: bold; } .Block .PL20{ padding: 0 0 0 20px; } .Block dl{ margin: 0; } .Block dt{ clear: left; float: left; width: 160px; } .Block dd{ margin-left: 170px; padding-top: 3px; } input[type="checkbox"], input[type="radio"]{ margin-right: 2px; margin-left: 2px; } .HorizontalFormContainer dl, .VerticalFormContainer dl{ margin: 0; } .NarrowFormContainer dt{ width: 110px; } .NarrowFormContainer dd{ margin-left: 120px; } .HorizontalFormContainer dt{ clear: left; float: left; width: 90px; padding-top:6px; text-align: right; margin-right: 4px; } .HorizontalFormContainer dd{ margin-left: 100px; padding-top: 5px; } .ISSelect{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #7F9DB9; overflow: auto; } .ISSelect ul, .ISSelect li{ list-style: none outside none; margin: 0; padding: 0; } .ISSelect li{ border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; cursor: default; padding-bottom: 2px; padding-left: 4px; padding-top: 2px; } .defaultContent.AccountOrderContent{ padding:5px; } .center .defaultContent.MyAccountContent{ padding:5px; } #ProductDetails .ProductThumbImage { padding-left: 5px; } .contact .defaultTitle, .contact .defaultTitle h2{ display:none; } .contact-title h2{ line-height:25px; padding:5px; border-bottom:1px solid #444444; } #ctl00_cphMain_ctl00_BottomPane .DefaultModule{ border: none; } .ModuleTitle {color: darkmagenta;font-size:13px;font-weight:bold;float:left;padding:5px 0 5px 9px;text-transform: uppercase;} .ModuleTitle a {color:#0c48a0;text-decoration:none;} .ModuleTitle a:hover {text-decoration: underline;}