html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #ffffff; text-align: center;
	background-color: #303030;
	background-image: url(../_img/mainbg.gif);
}
a { font-weight: bold; color: #17a2bc; text-decoration: underline; }
a:hover { text-decoration: none; }
img { margin: 0px; padding: 0px; border: none; }
form { margin: 0px; padding: 0px; }
menu { margin: 0px; padding: 0px; list-style-type: none; }
li { vertical-align: bottom; }
.fantom { clear: both; }

/* Header */
.hdr {
	position: relative; padding-top: 10px;
	margin: 0px auto; height: 84px; width: 951px;
	background-image: url(../_img/hdrbg.gif);
	background-position: left bottom; background-repeat: no-repeat;
}

/* Body content */
.body {
	margin: 0px auto; width: 951px;
	text-align: left;
	background-image: url(../_img/bodybg.gif);
	background-position: left top; background-repeat: repeat-y;
}

/* Header menu */
.hdr menu { position: absolute; top: 53px; left: 388px; }
.hdr menu .main { position: relative; float: left; padding-right: 23px; }
.hdr menu .main a {
	display: block; height: 17px;
	background-position: left top; background-repeat: no-repeat;
}
.hdr menu .main a:hover { background-position: left bottom; }
.hdr menu strong { display: none; }
.hdr .btn1 a { width: 81px; background-image: url(../_img/mbtn1.gif); }
.hdr .btn2 a { width: 107px; background-image: url(../_img/mbtn2.gif); outline: none; }
.hdr .btn3 a { width: 87px; background-image: url(../_img/mbtn3.gif); }
.hdr .btn4 a { width: 83px; background-image: url(../_img/mbtn4.gif); }
.hdr .btn5 a { width: 85px; background-image: url(../_img/mbtn5.gif); }

/* Header sub menu */
#submenu { position: absolute; left: -10px; top: 17px; z-index:10000; text-align: left; }
#submenu li { 
	width: 98px;
	padding: 2px; padding-left: 10px; padding-right: 10px;
	background-image: url(../_img/smenubg2.png);
	background-position: center top; background-repeat: repeat-y;
}
* html #submenu li {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/smenubg2.png', sizingMethod='scale');
}
#submenu .top, #submenu .btm { 
	padding-top: 0px; padding-bottom: 0px;
	font-size: 1px; line-height: 1px; 
	background-position: left top; background-repeat: no-repeat; 
}
#submenu .top { height: 5px; background-image: url(../_img/smenubg1.png); }
* html #submenu .top {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/smenubg1.png', sizingMethod='scale');
}
#submenu .btm { height: 7px; background-image: url(../_img/smenubg3.png); }
* html #submenu .btm  {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/smenubg3.png', sizingMethod='scale');
}
#submenu li a { 
	position: relative; width:auto; 
	text-decoration: none; font-weight: normal; color: #ffffff; 
	background: none;
}
#submenu li a:hover { color: #17a2bc; }

/* Header logo */
.hdr .logo {
	display: block; position: absolute; left: 31px; top: 27px; z-index: 10000;
	width: 275px; height: 101px;
}

/* Side field */
.sidefld {
	position: relative;	float: left;margin-right: 11px; padding-top: 60px;
	min-height: 450px; width: 340px;
	text-align: center;
	background-image: url(../_img/leftsidebg.gif);
	background-position: left top; background-repeat: no-repeat;
}
* html .sidefld { height: 450px; }
.sidefld .spacer { height: 25px; }
.sidefld menu {
	position: absolute; bottom: 40px; left: 80px; width: 165px;
	text-align: left;
}
.sidefld menu li { padding: 4px; border-bottom: dashed 1px #7b7a7b; }
.sidefld a { display: block; font-size: 11px; text-decoration: none; }
.sidefld a:hover { color: #ffffff; }

/* Body content */
.bodycontent {
	float: left; width: 548px;
	padding-left: 26px; padding-right: 26px; padding-bottom: 25px; 
}

/* Titles */
.maintitle { 
	margin: 0px; padding-top: 7px; padding-bottom: 7px;
	font-size: 16px; font-weight: bold;
}
.maintitle strong { color: #17a2bc; }
.subtitle { 
	display: block;	margin: 0px; margin-top: -5px; padding: 0px; padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px; font-size: 12px; font-weight: normal; font-style: italic;
}
h3.subtitle {
	margin: 0px; padding: 0px; padding-top: 3px; padding-bottom: 3px;
	font-size: 11px; line-height: normal;
}
h3.subtitle a { text-decoration: none; }
h3.subtitle a:hover { text-decoration: underline; }

/* Lines */
.hline { 
	padding-bottom: 10px;
	background-image: url(../_img/line01.gif); 
	background-repeat: repeat-x; background-position: center bottom;
}

/* Page list */
.pagelist {	text-align: center;	font-weight: bold; }

/* Footer */
.ftr {
	margin: 0px auto; width: 951px; padding-top: 12px;
	font-size: 11px; color: #a5a5a5; 
	background-image: url(../_img/ftrbg.gif);
	background-position: left top; background-repeat: no-repeat;
}
.ftr a { font-weight: normal; color: #a5a5a5; text-decoration: none; }
.ftr ul { margin: 0px; padding: 0px; list-style-type: none; }
.ftr li { float: left; }
.ftr .left { text-align: left; width: 730px; }
.ftr .right { text-align: right; width: 221px; }

/* Index */
.index .catalog, .index .newslist { float: left; width: 272px; }
.index .newslist .news { padding-bottom: 25px; }
.index .newslist img { margin-right: 10px; border: solid 3px #ffffff; }

/* News list */
.newslist .news { margin-bottom: 7px; }
.newslist .list a {
	display: block; margin-bottom: 15px;
	color: #ffffff; font-weight: normal; text-decoration: none;
}
.newslist .list a:hover { background-color: #363639; }
.newslist .name {
	display: block;
	font-weight: bold; color: #17a2bc; text-decoration: underline;
}
.newslist .img {
	float: left; margin-right: 13px;
}

/* News */
.newsimg {
	float: left; width: 215px; margin: 15px 15px 0px 0px;
}
.newscont {
	float: left; margin-top: 15px; width: 318px;
}

/* Product */
.prod .left {
	float: left; padding: 10px; width: 130px;
	text-align: center;	
}
.prod .left img { padding-bottom: 6px; }
.prod .left a {
	font-weight: normal; text-decoration: none; color: #ffffff;
	text-align: center;
}
.prod .left strong { display: block; font-size: 16px; color: #17a2bc; padding-top: 6px; }
.prod .right { padding-right: 5px; }

/* Product list */
.prod .list {
	float: left; width: 125px; line-height: 12px;
	padding-left: 6px; padding-right: 6px; padding-bottom: 20px;
}
.prod .list .goto {
	line-height:normal;
	padding-top: 3px;
	font-size: 10px;
}