﻿html,body {
	font-family : arial;
	font-size : 12px;
	
	width:100%;
	margin : auto;
	padding: auto;
	background:url(images/bg.png) bottom repeat-x #f2f2f2;
}

#theme-bg { 
	width:100%;
}

#top { 
 display:inline-block;
}

#logo { 
 display:inline-block;
 margin:20px 20px 0px 0px;
 float:left;
}

#menu { display:inline-block; background-color:#ffffff; height:30px; padding-top:14px; margin:80px 0px 0px 0px;}
#menu a { text-decoration : none; background-color:#e4e4e4; color:#585858; padding:15px 52px 15px 52px;}
#menu a:hover { background-color:#b40202; padding-top:100%; color:#ffffff;}

#menu-hover { display:inline-block; background-color:#b40202; padding:94px 52px 15px 52px;}
#menu-hover a { text-decoration : none; background-color:#b40202; padding-top:100%; color:#ffffff; margin:0px;}

#banner { height:250px;}

#category-bg { display:inline-block; background:url(images/catergory-bg.png) no-repeat;  width:230px; height:247px; margin:10px 0px 0px 0px; padding:15px; float:left;}
#category-bg a { display:inline-block; text-decoration : none; color:#ffffff; margin-left:10px; padding-top:5px;}
#category-bg a:hover { color:#585858;}

#category-dot { display:inline-block; float:left;}
#category-bar { background:url(images/catergory-bar.png) no-repeat; width:183px; height:3px; margin:8px 0px 5px 0px;}

#flash-banner { display:inline-block;  padding-top:10px;}

#category-slide { margin-top:10px;}

#body-top { background:url(images/body-top.png) no-repeat; width:997px; height:21px;}
#body-information { background:url(images/body-bg.png) repeat-y; width:997px; padding-left:15px;}
#body-bottom { background:url(images/body-bottom.png) no-repeat; width:997px; height:21px;}

#title-bar { background:url(images/welcome-bar.png) no-repeat; width:690px; height:24px; color:#ffffff; font-weight:bold; font-size:18px; padding:2px 0px 0px 25px;}

#title-bar-about { background:url(images/title-bar.png) no-repeat; float:left; width:940px; height:24px; color:#ffffff; font-weight:bold; font-size:18px; padding:2px 0px 0px 40px;}
#title-bar-products { background:url(images/title-bar.png) no-repeat; float:left; width:940px; height:24px; color:#ffffff; font-weight:bold; font-size:18px; padding:2px 0px 0px 25px;}
#title-bar-contact { background:url(images/title-bar.png) no-repeat; float:left; width:940px; height:24px; color:#ffffff; font-weight:bold; font-size:18px; padding:2px 0px 0px 35px;}

#more { color:#ff0000;}
#more a { text-decoration : none; color:#b40202; font-weight:bold;}
#more a:hover {}

#producttb {}
#producttb td { border:1px solid #9e9e9e; padding:3px;}

#product-title-bar {background-color:#b40202; color:#ffffff;}

#footer-bg { background:url(images/footer-bg.png) no-repeat; width:1210px; height:75px; position:absolute; left:0px;}

#footer { color:#ffffff;}
#footer a { text-decoration : none; color:#ffffff;}
#footer a:hover {}

/*###########################################################################*/

ul{margin:0;padding:0;}a img{border:0;}
/*slide*/
#slide{position:relative;float:left;width:730px;height:241px; margin-bottom:0px;overflow:hidden;background:url(images/loading.gif) no-repeat center; }
#slide ul{position:absolute;}
#slide li{float:left; width:730px; height:241px; overflow:hidden; }
#slide .o-control{display:none;position:absolute;top:0px;width:50px;height:0px;background:#000;filter:alpha(opacity=30);opacity:0.3;cursor:pointer;}
#slide .control{position:relative;top:-10px;left:8px;display:inline-block;width:30px;height:80px;background:url(images/bg_index.png);filter:alpha(opacity=60);opacity:0.6;}
#slide #goback{left:0px;}
#goback .control{background-position:0px -35px;}
#slide #forward{right:0px;}
#forward .control{left:10px;background-position:-35px -35px;}
#slide div{position:absolute; float:right; bottom:0px; right:10px; height:32px; overflow:hidden; zoom:1; }
#slide span{width:20px;font-size:12px;height:20px;margin:2px 2px; background:#383838;float:left;text-align:center;line-height:20px;cursor:pointer;font-family:arial;filter:alpha(opacity=70);opacity:0.7;}
#slide span a{color:#fff;text-decoration:none;}
#slide span.curr,#slide span.hover{background:#ff0000;filter:alpha(opacity=100);opacity:1;}
#slide .curr a:link, #slide .curr a:visited{color:#fff;}

/*###########################################################################*/

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 943px;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 943px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.acc_container .block {
	padding: 10px;
}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

.container {
	width: 941px;
	margin: 0 auto;
	padding-right:50px;
}
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 10px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.5em;
	display: block;
	color: #666;
}

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 100%;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
	font-size:15px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 100%;
	clear: both;
	background: #ffffff;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container .block {
	padding: 10px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
}