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;}