﻿body {
	padding: 0;
	color: #000000;
	font-family: Arial;
	font-size: 88%;
	width: 98%;
	margin-top: 0.3em;
	margin-right: auto;
	margin-bottom: 0.3em;
	margin-left: auto;
	line-height: 110%;
	background-color: #FFFFFF;
}
img{
	margin-top: 0.3em;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	margin-left: 0.3em;
	border: 0;
}
a img {
	border: 0;
	text-align: center;
}
a {
	color: #333333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #339967;
}
a:active {
	text-decoration: none;
	color: #339966;
}
h1 {
	font-size: 140%;
	font-weight: bold;
	color: #000000;
	padding-bottom: 0.2em;
	line-height: 1.2em;
	text-align: center;
}
.style32
{
	font-size: 140%;
	font-weight: bold;
	color: #339966;
	padding-bottom: 0.2em;
	line-height: 1.2em;
	text-align: center;
}
h2 {
	font-size: 130%;
	font-weight: bold; 
	color: #000000;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	line-height: 1.2em;
	text-align: center;
}
h3 {
	font-size: 120%;
	font-weight: bold; 
	color: #000000;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	line-height: 1em;
	text-align: lelf;
}


.twoColHybLtHdr #container { 
	background: #FFFFFF;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border: 1px solid #333333;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
} 
.twoColHybLtHdr #header { 
	background: #FFFFFF; 
	padding: 0 10px;  /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
} 
.twoColHybLtHdr #header h1 {
	margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
	padding: 10px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
}

/* sidebar1 提示：
1. 由于我们使用的是相对单位，因此最好不要在侧栏中使用填充。它将会增加符合标准的浏览器的总宽，并产生未知的实际宽度。 
2. 由于 sidebar 值以全方 (em) 为单位，请记住侧栏的宽度将随不同的默认文本大小而变化。
3. 如果为 div 中的元素设置左边距和右边距，则会在 div 边缘和这些元素之间产生空白，如“.twoColHybLtHdr #sidebar1 p”规则中所示。
*/
.twoColHybLtHdr #sidebar1 {
	float: left; 
	width: 20%; /* 由于此元素是浮动的，因此必须指定宽度 */
	background: #FFFFFF; /* 将显示背景色，其宽度等于栏中内容的长度，*/
	padding: 15px 0; /* 顶部和底部的填充将在该 div 中产生视觉空间 */
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; /* 对于将要放在侧栏中的每个元素，都应当设置左边距和右边距 */
	margin-right: 10px;
}
.twoColHybLtHdr #sidebar2 {
	float: left; 
	width: 40%; 
	background: #FFFFFF; 
	padding-top:  0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.twoColHybLtHdr #sidebar3 {
	float: right; 	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 82%;
}

.twoColHybLtHdr #mainContent { 
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 41%;
} 

.twoColHybLtHdr #mainContentL { 
	margin-top: 0;
	margin-right: 21%;
	margin-bottom: 0;
	margin-left: 31%;
} 


.twoColHybLtHdr #footer { 
	padding: 0 10px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#FFFFFF;
} 
.twoColHybLtHdr #footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}

/* 要重用的各种类 */
.fltr { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltl { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.fltm { /* 此类可用来使页面上的元素向中浮动 */
	float: inherit;
	margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.Searchcs {
	font-size: 90%;
	font-weight: bold;	
	font-family: Arial;
	color: #FFFFFF;
	background: #339966;
	text-align: center;
	border-top-width: 0.2em;
	border-right-width: 0.5em;
	border-bottom-width: 0.2em;
	border-left-width: 0.5em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #339966;
	border-right-color: #339966;
	border-bottom-color: #339966;
	border-left-color: #339966;
}
.Arial12 {font-family: Arial}
.FontSize12 {font-size: 90%}
.ColorGreen {color: #9BB47D}
.ColorGray{color: #F0F0F0}
.ColorPink {color: #339967}
.DColor {color: 001A3C}
.MColor{color: #339966}
.PColor {color: #F5F8FA}
.PBGColor {background-color: #F5F8FA}
.h1pro {
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	width: 10em;
	text-align: left;
	vertical-align: bottom;
	margin: 0.1em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	line-height: 1.5em;
	border-bottom-color: #CCCCCC;
}
.h1ser {	font-size: 90%;
	font-weight: bold;
	color: #000000;
	width: 10em;
	text-align: left;
	vertical-align: bottom;
	margin: 0.1em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	line-height: 1.5em;
	border-bottom-color: #CCCCCC;
}
.ClassLink {
	font-size: 90%;
	color: #339966;
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: 0.2em;
	padding-bottom: 0.5em;
	padding-left: 0.1em;
}
.ListLink {
	padding: 0.5em;	
	text-align: center;
	border-top-width: 0.5em;
	border-right-width: 0.1em;
	border-bottom-width: 0.1em;
	border-left-width: 0.1em;
	width: 10em;
}

#masthead {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#mastheadTop {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 3em;
}
#mastheadM {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 38px;
}
#headlink {
	margin: 0.1; padding: 0.1em 0.1em;
}
#headlink li {
	font-size: 110%;
	display: inline;
	margin-right: 0.5em; padding-right: 0.5em;
	border-right: 1px solid #CCCCCC;
	font-weight: bold;
	line-height: 110%;
}
#inlink {
	margin: 0.1; padding: 0.1em 0.1em;
}
#inlink li {
	font-size: 90%;
	display: inline;
	margin-right: 0.3em; padding-right: 0.3em;
	border-right: 1px solid #CCCCCC;
	line-height: 110%;
}
#servicelink {
	margin: 0.1;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
}
#servicelink li {
	display: inline;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	text-align: left;
}
#headlink form {
	margin: 0; padding: 0.8em;
}
#headlink form .text {
	width: 9em;
}
#footlink {
	margin: 0.3;
	padding: 0.5em;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 100%;
}
#footlink li {
	display: inline;
	margin-right: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	vertical-align: bottom;
}
.Price {
	font-size: 100%;
	font-weight: bold;	
	line-height: 2em;
	font-family: Arial;
	color: #339966;
}
.Price0 {
	font-size: 100%;
	font-weight: bold;	
	line-height: 2em;
	font-family: Arial;
	color: #B5171C;
}
.Price1 {
	font-size: 100%;
	font-weight: bold;	
	line-height: 2em;
	font-family: Arial;
	color: #339966;
}
#service {
	color: #CCCCCC;
	float: right;
}
#service li {
	font-size: 90%;
	display: inline;
	margin-right: 0.5em; padding-right: 0.5em;
	border-right: 1px solid #CCCCCC;
	float: right;
	text-align: right;
}
.serviceLeft {
	color: #CCCCCC;
	float: left;
}
.serviceLeft li {
	font-size: 90%;
	display: inline;
	margin-right: 0.5em; padding-right: 0.5em;
	border-right: 1px solid #CCCCCC;	
	float: left;
	text-align: left;
}
.serviceRight {
	color: #CCCCCC;
	float: right;
}
.serviceRight li {
	font-size: 90%;
	display: inline;
	margin-right: 0.5em; padding-right: 0.5em;
	border-right: 1px solid #CCCCCC;	
	float: right;
	text-align: right;
}
#service2 {
	margin-top: -1em;
	color: #CCCCCC;
	font-weight: normal;
	text-align: right;
	line-height: 1.5;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.5em;
}
#service3 {
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	padding: 0.5em;
	border: 1px dashed #CCCCCC;
	margin-top: 1em;
	margin-bottom: 1em;
}
#alsolike {
	margin: 0.5em;
	padding: 0.5em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-align: center;
}
#search {
	text-align: right;
}
#proscate {
	margin: 0.1; padding: 0.1em 0.1em;
	background: #FFFFFF; color: #FFF;	
	line-height: 1.5em;
}
/* ------------- navigation styles */
#nav {
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	line-height: 1.5em;
	text-align: left;
}
#contnew{
	font-size: 14px;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	line-height: 1.2em;
	text-align: left;
}
#contc{
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	line-height: 1.2em;
	text-align: center;
}
#contc img.illus {
	margin-top: 0.4em;
	margin-right: 0.4em;
	margin-bottom: 0.5em;
	margin-left: 0.4em;
}
#cont {
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	vertical-align: top;	
	line-height: 1.3em;	
	text-align: left;
}
#cont img.illus {
	margin-top: 0.4em;
	margin-right: 0.4em;
	margin-bottom: 0.5em;
	margin-left: 0.4em;
}
#colorcase {
	text-align: center;
	vertical-align: top;
	line-height: 1.5em;
	margin: 1px;
	padding: 0.5em;
	border: 1px dashed #CCCCCC;
}
.Graycase {
	text-align: center;
	vertical-align: top;
	line-height: 1.5em;
	margin: 1px;
	padding: 0.5em;
	border: 1px dashed #CCCCCC;
}
#contd {
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 1em;
	text-align: left;
}
#contd img.illus {
	margin-top: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 0.2em;
}
#contm {
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 1em;
	text-align: left;
}
#contm img.illus {
	margin-top: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 0.2em;
}
#review {
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
}
#review li {
	display: list-item;
	text-align: left;
	list-style-position: inside;
	list-style-type: decimal;
}
#shopcart {
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	vertical-align: top;
	line-height: 1.8em;
	font-size: 1em;
	text-align: left;
	border: 1px solid #CCCCCC;
}
.ShopCase {
	vertical-align: top;
	line-height: 1.2em;
	font-size: 1em;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding: 0.5em;
	margin-bottom: 0.2em;
}
#cart {
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	vertical-align: top;
	text-align: left;
}
.ContImg {
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	border: 0; 
}
