html { height: 100%; margin-bottom: 1px; } body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; line-height:130%; margin-top:5px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;background-color: #FFFFFF; } a { outline:none; } a:link {color:#0068a0; text-decoration:underline;} a:visited {color:#0068a0; text-decoration:underline;} a:hover {color:#D72820; text-decoration:none; cursor:pointer;} a:active {color:#0068a0; text-decoration:underline; } html { } .tiny {font-size:1px; } sup { line-height: 0px; vertical-align: top;} ul {margin:0px;padding: 0;} li {margin-left: 1.4em; padding-left: 0; } p{ text-indent:2em;} a img { border: none; } /* -------------------------- TEMPLATE & LAYOUT STYLES ---------------------------------- */ #slideshow-left, #slideshow-right { position:relative; width:390px; height:380px; border-radius: 5px;} #slideshow-left img, #slideshow-right img { position:absolute; left:0; top:0; border-radius: 5px; } #home-box-left { width: 390px; height: 380px; float: left; position: relative; border-radius: 5px; } #home-box-left1 { width: 375px; height: 300px; float: left; position: relative; border-radius: 5px; padding-top:25px; padding-right:15px; font-family:"Microsoft YaHei"; font-size:15px; color:#666666; line-height:25px; } .clear{clear:both;} #home-box-right { width: 390px; height: 380px; float: right; position: relative; border-radius: 5px; } #home-box-right2 { width: 375px; height: 300px; float: right; position: relative; border-radius: 5px; padding-top:25px; padding-left:15px; font-family:"microsoft yahei"; font-size:15px; color:#666666; line-height:25px; } .trans-box { width: 359px; height: 155px; background-image:url(trans-89.png)/*tpa=http://www.amazonfilters.com/fr/images/trans.png*/; position: absolute; bottom: 5px; left: 5px; padding: 10px; font-family:"microsoft yahei"; } .trans-box h3 { margin: 0; padding: 0; font-family:"microsoft yahei"; } h1 { font-family:"microsoft yahei";font-size:22px; line-height:24px; color: #0068a0; font-weight:normal;} h1 a:link {color:#0068a0; text-decoration:underline;} h1 a:visited {color:#0068a0; text-decoration:underline;} h1 a:hover {color:#d72820; text-decoration:underline; cursor:pointer; } h21 a:active {color:#0068a0; text-decoration:underline; } h2 { font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #0068a0; } h2 a:link {color:#0068a0; text-decoration:underline;} h2 a:visited {color:#0068a0; text-decoration:underline;} h2 a:hover {color:#d72820; text-decoration:underline; cursor:pointer; } h2 a:active {color:#0068a0; text-decoration:underline; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0068a0; font-weight:bold; } h3 a:link {color:#0068a0; text-decoration:underline;} h3 a:visited {color:#0068a0; text-decoration:underline;} h3 a:hover {color:#D72820; text-decoration:underline; cursor:pointer; } h3 a:active {color:#0068a0; text-decoration:underline; } .ours { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #8AA573; padding-top:10px; padding-bottom:15px;} .ours a:link {color:#8AA573; text-decoration:none;} .ours a:visited {color:#8AA573; text-decoration:none;} .ours a:hover {color:#FFFFFF; text-decoration:none; cursor:pointer; } .ours a:active {color:#8AA573; text-decoration:none; } .txtfield { border: 1px solid #CCCCCC; padding:1px; } .IMR {margin-left:20px;margin-bottom:10px;float:right;} .keypad {margin-left:15px;} table { border-collapse:collapse; } /* -------------------------------- TEXT STYLES ----------------------------------------- */ .topmenu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:130%; } .topmenu a:link {color:#000000; text-decoration:underline;} .topmenu a:visited {color:#000000; text-decoration:underline;} .topmenu a:hover {color:#d72820; text-decoration:none; cursor:pointer;} .topmenu a:active {color:#000000; text-decoration:underline; } .smenu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:130%; } .smenu a:link {color:#000000; text-decoration:underline;} .smenu a:visited {color:#000000; text-decoration:underline;} .smenu a:hover {color:#d72820; text-decoration:none; cursor:pointer;} .smenu a:active {color:#000000; text-decoration:underline; } .news { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #046ba3; line-height:130%; } .news a:link {color:#046ba3; text-decoration:none;} .news a:visited {color:#046ba3; text-decoration:none;} .news a:hover {color:#d72820; text-decoration:none; cursor:pointer;} .news a:active {color:#046ba3; text-decoration:none; } .bread { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height:130%; } .bread a:link {color:#046ba3; text-decoration:underline;} .bread a:visited {color:#046ba3; text-decoration:underline;} .bread a:hover {color:#d72820; text-decoration:none; cursor:pointer;} .bread a:active {color:#046ba3; text-decoration:underline; } .firstclass{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #0068a0; line-height:30px; } .filters{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #8a9597; line-height:30px; } .homeboxtitle { font-family:"Microsoft YaHei"; font-size: 24px; color: #000000; font-weight:normal; } .prodtop { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; line-height:130%; } .prodtop a:link {color:#FFFFFF; text-decoration:none;} .prodtop a:visited {color:#FFFFFF; text-decoration:none;} .prodtop a:hover {color:#FFFF00; text-decoration:none; cursor:pointer;} .prodtop a:active {color:#FFFFFF; text-decoration:none; } .galleryinfo {font-size:11px;} /* ------------------ VERTICAL MENU STYLE with background image ------------------------- */ /* You can call this in a single
- no
tags are needed. If you want to have a different background/style when you are actually ON the page then you need to make your menu an editable region and use
menu item with no link
*/ .vertmenu a{ text-decoration:none; text-align:left; color:#0068a0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; display:block; width:167px; height:auto; line-height: 15px; padding-left: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;padding-top:5px;padding-bottom:5px;} .vertmenu a:hover { color:#d72820;border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;} .vertmenuoff a{ text-decoration:none; text-align:left; color:#0068a0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; display:block; width:167px; height:auto; line-height: 15px; padding-left: 13px; border-bottom-width: 1px; padding-top:5px;padding-bottom:5px; } .vertmenuoff a:hover { color:#d72820; } .vertON { text-decoration:none; text-align:left; color:#0068a0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;} /* ------------------ TEMPLATE ------------------------- */ #container { width: 990px; margin: 0 auto; text-align: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #headerbox { width: 990px; margin-right: auto; margin-left: auto; height: 100px; } #maincontent { height: auto; width: 990px; margin-right: auto; margin-left: auto; } .kong1{ height:20px;} #leftboxhome { float: left; height: auto; width: 700px; text-align: left; } #rightboxhome { float: right; width: 270px; margin-left: 20px; height: auto; } #logobox { float: left; height: 80px; width: 550px; text-align: left; padding-top: 10px; padding-bottom: 10px; } #toprightbox { float: right; height: 60px; width: 436px; text-align: right; padding-top: 20px; padding-bottom: 20px; } .dottybottom { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #8b8b8d; } #right { height: auto; width: 200px; text-align: left; float: right; margin-bottom: 10px; } .demo-title{ width: 990px; height: 35px; overflow: hidden; } .demo-title-l{ float: left; font-size: 16px; font-weight: 900; line-height: 35px; color: #0068a0; } .demo-title-r{ float: right; line-height: 35px; } .demo-title-r a{ font-size: 14px; text-decoration: none; } /* 锟斤拷品图片锟街诧拷锟斤拷锟斤拷 */ #demo a:link { color: #666666; text-decoration: none; } #demo a:visited { color: #666666; text-decoration: none; } #demo a:hover { color: #FF0000; text-decoration: underline; } #demo a:active { color: #FF0000; text-decoration: none; } #demo{width:988px; overflow:hidden; margin:0px auto;border: 1px solid #eee;} .kong{ width: 990px; height: 20px; } /* 友情链接*/ .friendlink{width: 100%;background: #e0e6e6;} .friendlink span{display: block; float: left;width: 10%;margin-top: 5px;font-weight: 600;font-size: 16px;} .friendlink .link_list{float: left;width: 90%;height: 35px;line-height:25px;position: relative;overflow: hidden;} .friendlink .link_list ul{width: 100%; position: absolute;top:0;left: 0;} .friendlink .link_list ul li{float: left;margin:5px 2%;list-style: none;text-decoration: none;} .friendlink .link_list ul li a{padding-right: 20px;font-size: 14px;} #footerbar { height: 30px; width: 990px; margin-right: auto; margin-left: auto; border-top-width: 1px; border-top-style: dotted; border-top-color: #666666; line-height: 30px; } #main{ float: left; width: 785px; margin-right: 5px; text-align: left; height: auto; margin-bottom:20px; } #menubox { height: 30px; width: 990px; margin-right: auto; margin-left: auto; text-align:center; font-family:"microsoft yahei"; } #dotline { line-height: 1px; height: 1px; width: 990px; margin-right: auto; margin-left: auto; border-top-style: none; padding: 0px; margin-top: 0px; margin-bottom: 0px; } #footerbox { width: 990px; margin-right: auto; margin-left: auto; text-align:center; height: 50px; line-height: 25px; background-repeat: repeat-x; background-position: top; clear: both; margin-bottom: 5px; margin:0 auto; } #bannerbox { height: 199px; width: 990px; margin-right: auto; margin-left: auto; } #topbanner { height: 99px; width: 990px; margin-right: auto; margin-left: auto; } #menuboxL { float: left; height: 25px; width: 780px; line-height: 25px; text-align: left; padding-top: 5px; } #menuboxL a{ text-align: center; float: left; display: block; width: 75px; height: 13px; line-height: 13px; border-right: 1px solid #444; } #menuboxL a:nth-child(5){ display: block; border: 0; } #flagbox { text-align: right; float: right; height: 30px; width: 200px; } .dividerbox { height: 8px; width: 990px; float: left; background-repeat: no-repeat; margin:0 auto; } #homebox1 { float: left; height: 380px; width: 390px; margin-right: 5px; } #homebox1top { float: left; height: 198px; width: 390px; } #homebox1bottom { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; background-image: url("homebox1_02.jpg")/*tpa=http://www.amazonfilters.com/images/homebox1_02.jpg*/; float: left; height: 166px; width: 360px; padding-top: 16px; padding-left: 30px; } #homeboxholder { float: left; height: 380px; width: 785px; } #homeboxholder h3 { padding: 0; margin: 0; } #homebox2 { float: left; height: 380px; width: 390px; } #homebox2top { float: left; height: 198px; width: 390px; } #homebox2bottom { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; background-image: url("homebox2_02.jpg")/*tpa=http://www.amazonfilters.com/images/homebox2_02.jpg*/; background-repeat: no-repeat; float: left; height: 166px; width: 360px; padding-top: 16px; padding-left: 30px; } #hometextbox { float: left; height: auto; width: 785px; margin-top: 20px; } #latestnewsbox { float: left; height: 381px; width: 200px; } #latestnewstop { font-size: 18px; line-height: 33px; font-weight: normal; color: #FFFFFF; background-image: url("latestnewsbox-top.gif")/*tpa=http://www.amazonfilters.com/images/latestnewsbox-top.gif*/; height: 33px; width: 190px; padding-left: 10px; } #latestnewsmain { background-image: url("latestnewsbox-bg.gif")/*tpa=http://www.amazonfilters.com/images/latestnewsbox-bg.gif*/; background-repeat: no-repeat; float: left; height: 338px; width: 180px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #newsitem { height: auto; width: 180px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-top: 10px; padding-bottom: 10px; } #newsitemoff { height: auto; width: 180px; padding-top: 10px; padding-bottom: 10px; } #contactbuttonbox { float: left; height: 40px; width: 200px; margin-top: 10px; } #smenubox { float: left; height: auto; width: 200px; } #smenuboxtop { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 33px; font-weight: normal; color: #FFFFFF; background-image:url(latestnewsbox-top.gif); background-repeat: no-repeat; height: 33px; width: 190px; padding-left: 10px; } #smenuboxmain { height: auto; width: 180px; padding-bottom: 2px; padding-right: 10px; padding-left: 10px; background-image: url("prodmenubox-bg.gif")/*tpa=http://www.amazonfilters.com/images/prodmenubox-bg.gif*/; background-repeat: no-repeat; } smenuboxbottom { float: left; height: 4px; width: 200px; } #breadbox { float: right; height: 20px; width: 990px; margin-top:10px; } .prodboxholder { float: left; width: 790px; margin-bottom: 5px; padding-top:20px; } .prodboxholder1 { float: left; height: 250px; width: 900px; margin-bottom: 5px; padding-left:20px; padding-top:20px; } .prodinfo { height: 178px; overflow: hidden; } .prodL { float: left; height: 250px; width: 390px; margin-right: 5px; } .prodR { float: right; height: 250px; width: 390px; } .prodtop { line-height: 31px; color: #FFFFFF; background-image: url("prodbox-top.gif")/*tpa=http://www.amazonfilters.com/images/prodbox-top.gif*/; background-repeat: no-repeat; height: 31px; width: 380px; padding-left: 10px; font-family:"Microsoft YaHei"; } .prodmain { float: left; height: 219px; width: 390px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url("prodbox-bg.gif")/*tpa=http://www.amazonfilters.com/images/prodbox-bg.gif*/; line-height:115%; } .prodmainL { float: left; height: 219px; width: 134px; padding-left: 10px; } .prodmainR { text-align: left; float: right; height: 199px; width: 225px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; color: #000000; font-size:12px; } #textholder { float: left; height: auto; width: 785px; margin-bottom: 10px; } .flag { } .flagsel { } .menulinks {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; } .menulinks a:link {color:#D72820; text-decoration:underline;} .menulinks a:visited {color:#D72820; text-decoration:underline;} .menulinks a:hover {color:#0068a0; text-decoration:none; cursor:pointer;} .menulinks a:active {color:#D72820; text-decoration:underline; } .articlebox {} .impadR { float: left; padding: 0 30px 10px 0; } .msg { color:#FF0000; } #sitemap a { line-height: 18px; } #sitemap ul { list-style: disc; position: relative; } #footerboxL { padding-top:10px; text-align: left; float: left; height: 50px;; width: 940px; margin:0 auto; font-family:"Microsoft YaHei"; } #footerboxR { text-align: right; float: right; height: auto; width:40px; padding-top: 15px; } .pagbar {width:990px;height:30px;line-height:30px;float:left;text-align:right;}