body {
   margin:0;
	font-family: Arial, Helvetica, sans-serif;
	background:#868285 url(../images/body-bg.gif) repeat-x;
background-position: 0 -30px;
}




img {border:none;}
form {padding:0;margin:0;}
.form select, .form input, .form textarea {vertical-align:middle;}
#main {margin: 0 auto;width: 675px;}
#header {
	overflow: hidden;
	width: 675px;
	height: 322px;
	position: relative;
}
#header .logo {
	position: absolute;
	top: 31px;
	left: 0;
	background: url(../images/logo.gif) no-repeat;
	width: 191px;
	height: 78px;
	text-indent: -9999px;
	overflow: hidden;
}
#header #top-nav {
	position: absolute;
	top: 102px;
        right:10px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #655854;
        
}
#header #top-nav li {float: left;}
#header #top-nav li a {
	float: left;
        
	background: url(../images/top-nav-link2-left.gif) no-repeat;
	height: 23px;	
	color: #655854;
	text-decoration: none;
}
#header #top-nav li a span {
	float: left;
	height: 18px;
	padding: 5px 9px 0 9px;
	cursor: pointer;
	background: url(../images/top-nav-link2-right.gif) no-repeat 100% 0;
}
#header #top-nav li .link1 {background: url(../images/top-nav-link1-left.gif) no-repeat;color: #fff;}
#header #top-nav li .link1 span {background: url(../images/top-nav-link1-right.gif) no-repeat 100% 0;padding: 5px 9px 0 15px;}
#header #top-nav li .link1:hover span {background: url(../images/top-nav-link1-right.gif) no-repeat 100% 0;}

#header #top-nav li .link1unsel {background: url(../images/top-nav-link1-leftunsel.gif) no-repeat;color: #655854; padding-left: 5px;}

#header #top-nav li .link2sel {background: url(../images/top-nav-link2-left.gif) no-repeat 0% 100%;color: #fff;}
#header #top-nav li .link2sel span {background: url(../images/top-nav-link1-right.gif) no-repeat 100% 0;padding: 5px 9px 0 9px;}


#header #top-nav li .link3 {background: url(../images/top-nav-link3-left.gif) no-repeat;}
#header #top-nav li .link3 span {background: url(../images/top-nav-link3-right.gif) no-repeat 100% 0;padding-right: 13px;padding-top: 5px;}

#header #top-nav li .link3sel {background: url(../images/top-nav-link3-left.gif) no-repeat 0 100%; color: #FFF;}
#header #top-nav li .link3sel span {background: url(../images/top-nav-link3-right.gif) no-repeat 100% 100%;padding-right: 13px;padding-top: 5px;}


#header #top-nav li a:hover {background-position: 0 100%;color: #fff;}
#header #top-nav li a:hover span {background-position: 100% 100%;}




#header .form {
	position: absolute;
	top: 38px;
	right: 20px;
	width: 185px;
	height: 18px;
	background: url(../images/search-bg.gif) no-repeat 60% 0;
}
#header .form label {
	float: left;
	font-size: 10px;
	line-height: 11px;
	color: #5a4c48;
	padding: 3px 5px 0 0;
}
#header .form .input-text {
	width: 118px;
	font-size: 10px;
	line-height: 11px;
	padding: 0;
	border: 0;
	margin: 0px 2px 0 2px;
	background: none;
}



#header .banner {position: absolute; height: 125px; top: 125px;left: 0; overflow: visible;}
#header .banner img {float: left;}


#content {overflow: hidden;width: 675px;

}
#content h1 {
	margin: 20px 0 0;
	padding: 0 0 0 17px;
	font-size: 22px;
	line-height: 25px;
	border-bottom: 1px solid #bbd2d9;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}
#content .inner {width: 675px;}
#content .news {
	float: left;
	list-style: none;
	padding: 10px 0 0 17px;
	margin: 0;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #c8e6ee;
	width: 170px;

}
#content .news li {
	float: left;
	width: 170px;
	padding: 10px 0 9px 0;
	border-bottom: 1px solid #ececec;
}
#content .news .last {border: 0;}
#content .news .date {
	float: left;
	width: 36px;
	text-align: center;
	font-size: 16px;
}
#content .news .date strong {font-size: 30px;line-height: 31px;color: #fff;}
#content .news .text {float: left;width: 126px;padding: 0 0 0 5px;}
#content .news .text h3 {margin: 0;color: #fff;font-size: 11px;font-weight: bold; text-transform: uppercase;}
#content .news .text a {color: #c8e6ee;text-decoration: none;}
#content .news .text a:hover {text-decoration: underline;}
#content .news .text em {text-decoration: underline;font-style: normal;}
#content .side-r {
	float: left;
	width: 459px;
	list-style: none;
	padding: 20px 0 0 25px;
	margin: 0;
	font-size: 13px;
	line-height: 14px;
}
#content .side-r li {float: left;padding: 0 17px 0 0;}
#content .side-r li a {
	float: left;
	background: 0px 30px url(../images/side-r-bg.gif) no-repeat;
	width: 135px;
	height: 258px;
	text-decoration: none;
}
#content .side-r li a:hover {background: 0px 30px url(../images/side-r-bg2.gif) no-repeat;}
#content .side-r li a img {float: left;}
#content .side-r li a span {
	float: left;
	color: #aaa2a0;
	font-size: 11px;
	line-height: 15px;
	padding: 4px 0 0 8px;
	width: 127px;

	cursor: pointer;
}
#content .side-r li a .text {
	padding-top:0;
	font-size: 13px;
	line-height: 14px;
	color: #5a4c48;

}
#content .l-nav {
	float: left;
	list-style: none;
	padding: 10px 0 0 19px;
	margin: 0;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
	width: 170px;
}
#content .l-nav a {
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 12px;
	background: url(../images/l-nav-bg.gif) no-repeat 0 3px;
}
#content .l-nav a:focus {
outline: none; 
        }
#content .l-nav a:hover, #content .l-nav .active {color: #c8e6ee;background: url(../images/l-nav-active-bg.gif) no-repeat 0 3px;}
#content .l-nav ul {
	font-size: 12px;
	line-height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .l-nav ul a {background: none;}
#content .l-nav ul a:hover {background: none;text-decoration: underline;}
#content .product {
	float: right;
	list-style: none;
	padding: 10px 0 0;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	color: #868285;
	width:466px;
}

#viewhtml {
color:#FFF;
}

#viewhtml p {
color: #FFF;
}

#content .product #viewhtml a {
margin: 0;
padding: 0;
background-image: none;
float: none;
color: #FFF;
text-decoration: underline;
}

#content .product li {float: left;}
#content .product li a {
	float: left;
	background: url(../images/product-item-bg.gif) no-repeat;
	width: 414px;
	height: 106px;
	padding: 10px 23px 0 29px;
	text-decoration: none;
	margin: 0 0 15px 0;
	color: #5a4c48;
}
#content .product li a:hover {background: url(../images/product-item-active-bg.gif) no-repeat;}
#content .product .text {float: left;width: 260px;}
#content .product span {cursor: pointer;}
#content .product .title {font-size: 14px;font-weight: bold;color: #5a4c48;}
#content .product .title2 {
	font-size: 10px;
	line-height: 14px;
	font-style: italic;
	color: #5a4c48;
}
#content .product .text-inner {color: #868285;line-height: 15px;}
#content .product .image {
	float: right;
	padding: 5px 0 0;
	font-size: 10px;
	line-height: 13px;
	text-align: right;
	color: #5a4c48;
}
#content .product .image img {font-size: 0; border: 1px solid #000;}

#proddetail td{
padding: 6px;
}

#proddetail h1{
font-size: 15px;
color: #666;
}
#footer {
	overflow: hidden;
	width: 675px;
	border-top: 1px solid #fff;
	padding: 10px 0 20px 0;
	margin: 20px 0 0;
	font-size: 10px;
	color: #fff;
}
#footer ul {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 10px;
	color: #fff;
}
#footer ul li {float: left;padding: 0 0 0 9px;}
#footer ul .first {
	padding: 0 160px 0 12px;
	background: url(../images/footer-item.gif) no-repeat 0 2px;
}
#footer ul a {color: #fff;text-decoration: none;}
#footer span {float: right;}