body {
	font:75%/120% Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../assets/pagebg.gif) center repeat-y #c7ddea;
	text-align:center;
}
#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#header {background:url(../assets/header_bg.gif) top repeat-x; padding:5px 15px 0 15px;}
	#header h1 {display:none;}
	#branding {width:195px; float:left; margin-right:15px;}
	#navigators {width:720px; float:left;}
		#navigators .search {margin-bottom:15px; margin-top:5px; text-align:right;}
			#txtsearch {
				background:url(../assets/search_txtbg.gif) repeat-x top #fff;
				border:solid 1px #ccc; width:150px; height:17px; padding:3px 0 0 5px;
				margin-right:2px;
				font-size:90%; color:#666;
			}
		#navi {background:url(../assets/navi_bg.gif) top left no-repeat; height:41px;}
		#navi .wrap-navi {background:url(../assets/navi_rbg.gif) top right no-repeat; height:41px; padding:0 10px;}
			#navi li {
				float:left;
				margin-right:10px;
				padding:12px 0 0 0;
			}
			#navi li h2 {font-size:120%; font-weight:bold;}
			#navi li.current a:link, #navi li.current a:visited {color:#c00;}
			#navi li.current a:hover {color:#000}
		.lang {float:right; padding-top:12px;}
		.currentdate {font-size:90%; font-weight:bold; color:#666; text-align:right; padding-top:10px;}
		
#footer {}
	#footer .footlinks {background:#017dbb; color:#fff; padding:5px 15px; font-size:90%;}		
		#footer .footlinks a:link, #footer .footlinks a:visited {color:#fff;}
		#footer .footlinks a:hover {text-decoration:underline;}
	#footer .copyright {padding:5px 15px;}
	#footer .copyright p {margin:5px 0;}
	#footer .copyright .weblinks {float:right; margin:-30px 0 0 0;}
		#footer .weblinks select {width:190px;}

#wrap-contents {padding:10px 15px;}
#sidebar {width:195px; float:left; margin-right:15px;}
#pagecontents {width:720px; float:left;}

/*sidebar*/
#sidebar h2, #sidebar h3 {font-size:120%; font-weight:bold; margin-bottom:10px; color:#017dbb;}
#welcome {background:url(../assets/welcome_bg.gif) top right no-repeat; padding:15px 15px 0 0; margin-bottom:10px;}
	#welcome p {line-height:1.4em; margin:5px 0;}

#category {background:url(../assets/welcome_bg.gif) top right no-repeat; padding:15px 15px 0 0; margin-bottom:10px;}
	#category li {border-bottom:solid 1px #ddd; padding-bottom:5px; margin-bottom:5px;}
	#category li h3 {font-weight:bold; font-size:100%;}
		#category li ul {margin:5px 0 5px 25px; list-style:square; color:#666;}
		#category li li {border:none; font-weight:normal; list-style:square; margin:0;}
#featured-products {background:url(../assets/shadow_delim.gif) top center no-repeat; padding-top:30px; margin-bottom:20px;}
	#featured-products li {text-align:center; font-size:90%; float:left; margin-right:10px;}
	#featured-products li .img {margin-bottom:5px;}
	#featured-products li .img img {border:solid 2px #c5dbe4; padding:3px;}
	#feat-listing {width:175px; overflow:hidden; margin-left:5px;}
	#feat-listing ul {width:1710px;}
#exchange, 	#weather-wrapper, #certification {margin-bottom:10px;}
#exchange h3, #weather-wrapper h3, #certification h3 {border-top:solid 3px #017dbb; padding-top:5px;}
	#weather .slt-weather {margin-bottom:5px; border-top:solid 1px #ddd; padding-top:5px;}
	#weather h5 {font-weight:bold;}
	#weather-wrapper {/*width:195px; overflow:hidden;*/}
	/*#weather {position:relative; width:195px; overflow:hidden; z-index:9999999}*/
	marquee {/*width:195px;*/ position:relative;}
	.tblweather {border-collapse:collapse;}
	.tblweather td {padding:5px 10px; vertical-align:middle; text-align:center;}
#certification p {text-align:center; margin:5px 0;}
#rightadv p {text-align:center; margin:5px 0;}
/*home*/
#banner {background:url(../assets/banner_bg.gif) bottom center no-repeat; padding-bottom:4px; margin-bottom:10px; line-height:0}
.h-col1 {width:500px; float:left; margin-right:20px;}
.h-col2 {width:200px; float:left;}
#newproducts {margin-bottom:38px;}
#newproducts h3 {border-bottom:solid 3px #017dbb; padding-bottom:5px; margin-bottom:20px; font-size:120%; font-weight:bold;}
	#newproducts ul {width:393px; margin:0 auto;}
	#newproducts li {float:left; width:111px; margin-right:30px; text-align:center; font-size:90%;}
	#newproducts li.last {margin:0;}
	#newproducts li .img {margin-bottom:5px;}
	#newproducts li .img img {border:solid 1px #ddd; padding:2px;}
#intro h3 {border-bottom:solid 3px #017dbb; padding-bottom:5px; margin-bottom:10px; font-size:120%; font-weight:bold;}
	#intro .nitem {margin-bottom:10px; border-bottom:solid 1px #ddd; padding-bottom:10px;}
	#intro .last {border:none;}
		#intro .nitem .img {width:115px; float:left; margin:2px 10px 10px 0;}
		#intro .nitem .img img {border:solid 1px #ddd; padding:2px;}
		#intro .nitem dt {font-weight:bold; margin-bottom:5px;}
#video {line-height:0; margin-bottom:10px;}		
#news {margin:10px 0;}
	#news h3 {border-bottom:solid 3px #017dbb; padding-bottom:5px; margin-bottom:10px; font-size:120%; font-weight:bold;}
	#news li {border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:10px;}
	#news li.last {border:none;}
	
#highlight h3 {border-bottom:solid 3px #017dbb; padding-bottom:5px; margin-bottom:10px; font-size:120%; font-weight:bold;}
	#highlight dt {font-weight:bold; margin-bottom:5px;}
	#highlight dd {margin-bottom:5px; border-bottom: 1px solid #DDDDDD; padding-bottom:5px;}
	
/*misc*/
.more {font-size:90%; font-weight:bold;}
.float-left {float:left; margin:0 15px 15px 0;}
.float-right {float:right; margin:0 0 15px 15px;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.notes, .date {color:#666; font-size:90%;}
strong {font-weight:bold;}
em {font-style:italic;}
.asterisk {color:#c00;}
.txt {
	background:url(../assets/form_txtbg.gif) top repeat-x #fff;
	height:16px;
	padding:2px 3px 0 3px;
	border:solid 1px #ccc;
}
.has-bot-border {border-bottom:solid 1px #ddd; padding-bottom:5px; margin-bottom:5px;}
.btn-sbm {
	background:#c00;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	padding:2px 2px 4px 2px!important;
	padding:2px 1px 2px 1px;
	border:none;
}
a:link, a:visited {color:#017dbb; text-decoration:none;}
a:hover {color:#c00;}
.clearfix:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.navlink {font-size:90%; color:#666; border-bottom:solid 1px #ddd; padding-bottom:5px; margin-bottom:10px;}
	.navlink label {font-weight:bold;}
/*subpage contents prestyle*/
.subpage h2 {font-size:140%; font-weight:bold;}
	.subpage h3 {font-size:120%; font-weight:bold; clear:both;}
	.subpage h4 {font-size:100%; font-weight:bold; clear:both;}
	.subpage h2, .subpage h3, .subpage h4 {margin:10px 0;}
	.subpage p, .subpage ul, .subpage ol, .subpage blockquote {margin:15px 0;}
	.subpage ul {list-style:square; margin-left:35px;} .subpage ul li {list-style:square; margin:5px 0;}
	.subpage ol {list-style:decimal; margin-left:35px;} .subpage ol li {list-style:decimal; margin:5px 0;}
	.subpage blockquote {
		background:#f1f1f1;
		padding:5px 10px;
		margin:10px 10px 10px 0;
		border-left:solid 3px #c00;
		color:#666;
		font-style:italic;
	}
	.subpage .highlight {background:#c00; color:#fff; padding:5px 10px; border-left:solid 3px #ddd;}
	.subpage .brand-color {color:#cc0000;}
	.subpage img.image-to-left {float:left; margin:2px 10px 10px 0;}
	.subpage img.image-to-right {float:right; margin:2px 0 10px 10px;}
	.subpage table {
		border-collapse:collapse;
		margin:10px 0;
		width:100%;
		border-top:solid 2px #c00;
	}
		.subpage table th {
			font-weight:bold;
			color:#666;
			padding:3px 4px;
			border:solid 1px #ddd;
			background:#eee;
		}
		.subpage table td {
			padding:3px 4px;
			border:solid 1px #ddd;
		}
		.subpage .img {float:left; margin:2px 10px 10px 0;}
	.article-tools {border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin:10px 0; padding:5px 0; font-size:90%;}
	.article-tools a, .article-tools:visited {color:#666;} .article-tools a:hover {color:#c00;}
	.other-article h3 {font-size:120%; font-weight:bold; color:#333; margin-bottom:5px}
	.other-article ul {list-style:square; margin:0 15px;}
	.other-article li {list-style:square;}

#newslisting h3 {font-size:140%; font-weight:bold; margin-bottom:10px;}
#newslisting .nitem {margin-bottom:10px; border:solid 1px #ddd; padding:10px 15px;}
	#newslisting .nitem .img {float:left; margin:2px 10px 10px 0;}
	#newslisting .nitem .img img {border:solid 1px #ddd; padding:2px;}
	#newslisting .nitem dt {font-weight:bold; margin-bottom:5px;}
		#newslisting .nitem dt a:link, #newslisting .nitem dt a:visited {color:#333;}
		#newslisting .nitem dt a:hover {color:#c00;}
	#newslisting .nitem dd { color:#333; margin-bottom:5px; line-height:1.3em;}
#productlisting {}
#productlisting h3 {margin-bottom:20px; font-size:140%; font-weight:bold;}
	#productlisting ul {padding-left:40px;}
	#productlisting li {float:left; margin-right:50px; margin-bottom:20px; width:288px; text-align:center}
	#productlisting .title {font-size:100%; text-transform:uppercase; font-weight:bold;}
	#productlisting li.last {margin:0;}
	#productlisting li .img {margin-bottom:5px; width:272px; height:192px; padding:6px 8px 10px 8px; background:url(../assets/product_holder_s.gif) no-repeat}

#productdetail h3 {margin-bottom:10px; font-size:120%; font-weight:bold;}
#productdetail p {margin:10px 0;}
	#productdetail .img {margin:2px 20px 20px 0; text-align:center;}
	#productdetail .img img {border:solid 1px #ccc; padding:4px;}
	#productdetail .info {margin:20px auto; border-bottom:solid 1px #ddd; padding-bottom:10px;}

/*contact*/
#contact-info {
	/*width:300px;
	float:left;
	margin-right:20px;*/
	margin-bottom:20px;
}
	#contact-info h3{font-size:120%; font-weight:bold; margin-bottom:5px;}
#contact-form {
	/*width:570px;
	float:left;*/
}
	.contact-detail {margin:0 0 10px 0; border-bottom:solid 1px #ddd; padding-bottom:10px;}
	.contact-detail h3 {font-size:120%; font-weight:bold; margin-bottom:5px;}
	.contact-detail p {margin:5px 0;}
	.contact-detail label {font-weight:bold; display:inline-block;}
	
	#contact-form h3, .common-form h3 {font-size:120%; font-weight:bold; margin-bottom:5px;}
	#contact-form p, .common-form p {margin:5px 0;}
	#contact-form fieldset p, .common-form fieldset p {margin:7px 0;}
	#contact-form label, .common-form label {
		float:left;
		width:150px;
		color:#666;
		font-weight:bold;
	}
	#txt_title, #txt_fullname, #txt_position {width:150px;}
	#txt_company, #txt_addr, #txt_msg {width:300px;}
	#contact-form textarea {
		background:url(../assets/form_txtbg.gif) top repeat-x #fff;
		padding:2px 3px 0 3px;
		border:solid 1px #ccc;
	}
	#txt_username, #txt_password {width:150px;}
#adv-search-form{
	border: 1px solid #CCCCCC;
	margin: 20px 0 10px;
	padding: 5px 30px;
}
	#adv-search-form h3 {margin-bottom:15px;}
	
/*paging*/
.paging {
	clear:both;
	padding:10px 0;
	font-size:90%;
	/*text-align:right;*/
}
.paging a {
	background:#fff;
	border:solid 1px #ccc;
	padding:1px 4px;
	margin-right:1px;
	color:#333;
}
.paging a.current {background:#e81866; color:#fff;}
.paging a:visited {color:#333;}
#indicator {display:none;}
.hidden {visibility:hidden;}
.cmscontents {}
	.cmscontents h1, .cmscontents h2, .cmscontents h3, .cmscontents h4 {margin:5px 0 10px 0; font-weight:bold;}
	.cmscontents h1 {font-size:140%;}
	.cmscontents h2 {font-size:130%;}
	.cmscontents h3 {font-size:120%;}
	.cmscontents h4 {font-size:100%;}
	.cmscontents p, .cmscontents ul, .cmscontents dl, .cmscontents ol, .cmscontents table {margin:15px 0;}
	.cmscontents table {
		border-collapse:collapse;
		margin:10px 0;
		width:100%;
		border-top:solid 2px #c00;
	}
	.cmscontents table th {
		font-weight:bold;
		color:#000;
		padding:3px 4px;
		border:solid 1px #ddd;
		background:#eee;
	}
	.cmscontents table td {
		padding:3px 4px;
		border:solid 1px #ddd;
	}
	.cmscontents ul, .cmscontents ul li {list-style:disc;}
	.cmscontents ol, .cmscontents ol li {list-style:decimal;} 
	.cmscontents ul li, .cmscontents ol li {margin:5px 0;}
	.cmscontents ul, .cmscontents ol {margin:15px;}
	.cmscontents dt {font-weight:bold;}
/*validation*/
.error {color:#f00;}
div.error-box {
	border:solid 1px #e4ecf3;
	padding:5px 10px;
	font-size:90%;
	display:none;
	margin-bottom:5px;
	background:#ffffd3;
}
	div.error-box ol {list-style:disc; margin:0 0 0 15px;}
		div.error-box ol li {list-style:disc;}
	#contact-form div.error-box label {font-weight:normal; float:none; width:auto;}
/*sitemap*/
/*.pagecontents .sitemap ul {margin:10px 0; list-style:none;}
.pagecontents .sitemap li {list-style:none;}
*/
.left{clear:left;}