@charset "utf-8";

/*------------------------------------------------------------------
[ Common ]
*/

body { background: #cbe5f1 url(../images/frontend/common/bg-clouds.gif) no-repeat top center; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	.wrapper { width: 950px; margin: 0px auto; }
	
/*------------------------------------------------------------------
[ Typography ]
*/

b, strong { font-weight: bold; }
p { font-size: 14px; line-height: 24px; padding-bottom: 20px; }
h1 { font-size: 18px; color: #000; padding-bottom: 30px; font-weight: bold; }
h2 { font-size: 16px; color: #000; padding: 20px 0px 20px 0px; font-weight: bold;  }
h3 { color: #305263; font-size: 16px; font-weight: bold; }
h4 { color: #305263; font-size: 15px; font-weight: bold; padding-bottom: 5px; }
h5 { color: #474040; font-size: 14px; font-weight: bold; padding-bottom: 15px; }
hr { color: #305263; height: 1px; border: none; background: #305263; }

/*------------------------------------------------------------------
[ Header ]
*/

.header { height: 215px; }
	.banner { height: 162px; }
		.logo { width: 199px; height: 105px; padding: 30px 0px 0px 40px; }
		.menu { }
			.menu ul { text-align: right; }
				.menu ul li { display: inline; padding-right: 10px; }
					.menu ul li a { color: #305263; font-size: 12px; text-decoration: none; }
						.menu ul li a:hover { text-decoration: hover; }
		
	.state-menu { height: 54px; background: #88bbd4; }
		.state-menu h3 { color: #45748b; font-size: 16px; float: left; padding: 20px 23px 0px 40px; font-weight: bold; }
		.state-menu ul { float: left; padding-top: 17px; }
			.state-menu ul li { display: inline; padding-right: 30px; }
				.state-menu ul li.all { height: 20px; display: block; float:right; padding-left: 30px; background: url(../images/frontend/common/seperator.gif) no-repeat left; }
				.state-menu ul li a { color: #fff; font-size: 20px; text-decoration: none; }
					.state-menu ul li a:hover { color: #cbe5f1; }
					
/*------------------------------------------------------------------
[ Footer ]
*/

.footer { clear: both; padding: 30px 0px 30px 0px; }
	.state-list { float: left; width: 400px; padding-left: 30px; }
		.state-list ul { padding: 20px 0px 0px 15px; }
			.state-list ul li { line-height: 24px; list-style: disc; color: #d7476c; padding-left: 10px; }
				.state-list ul li a { font-size: 14px; color: #3c738f; }
	
	.footer-bottom { clear: both; padding-top: 20px; }
		.footer-bottom hr  { clear: both; color: #305263; height: 1px; border: 0px; background: #305263; margin: 0px 0px 10px 0px; }
		.footer-bottom ul { float: left; width: 500px; padding-left: 10px; }
			.footer-bottom ul li { display: inline; }
				.footer-bottom ul li a { color: #305263; font-size: 12px; margin-right: 5px; }
		.footer-bottom span { font-size: 12px; float: right; padding-right: 10px; }

/*------------------------------------------------------------------
[ Content ]
*/

.content { /* width: 932px; */ float: left; width: 872px; background: #fff; margin: 0px 9px; padding: 30px; border-bottom: 1px solid #4f7183; min-height: 700px; height:auto !important; height: 700px; }
	.content ul { padding: 5px 0px 20px 20px; }
	.content ul li { font-size: 14px; line-height: 18px; padding-bottom: 5px; list-style: disc; }
	
	ul#mycarousel { padding-left: 0px; }

/*------------------------------------------------------------------
[ Product Detail ]
*/

.product-detail { float: right; width: 300px; padding: 0px 0px 0px 30px; margin-bottom: 20px; }
	.product-detail-image { float: left; width: 300px; }	
	.product-detail-info { float: right; width: 300px; padding: 30px 0px 0px 20px; text-align: center; }	
		.product-detail-price { float: left; width: 45%; padding-top: 10px; }
			.product-detail-price span.price { font-size: 18px;  }		
		.buy-now-large { float: left;  width: 55%; text-align: center: }
			.buy-now-large p { padding-top: 5px; color: #7e7777; }	
				.buy-now-large p a { color: #d6476c; }	
	.product-detail-faq { float: left; background: #aaa7a7; width: 210px; height: 200px; padding: 20px; }
	.product-reviews-link {  float: left; background: #deeef5; width: 280px;  padding: 10px; }
		.product-reviews-link a { color: #d6476c; }
		
.product-text { float: left; width: 542px;}
	.product-text ul { padding: 5px 0px 20px 20px; }
	.product-text ul li { font-size: 14px; line-height: 18px; padding-bottom: 5px; list-style: disc; }
	.product-reviews { }
		h2 { padding-bottom: 0px; }
		.product-reviews p { padding-bottom: 5px; padding-top: 20px; }
		.product-reviews span { padding-bottom: 20px; color: #7e7777; }
	.product-text-more { background: #eaffd7; padding: 15px; text-align: center; } 
		.product-text-more a { color: #489900; font-size: 14px; font-weight: bold; text-decoration: none; } 
			.product-text-more a:hover {text-decoration: underline; } 

/*------------------------------------------------------------------
[ Articles ]
*/

.article-list {  }
	.article-list h2 a { font-size: 16px; text-decoration: none; color: #305263; }
		.article-list h2 a:hover { text-decoration: underline; }
		.article-list span { font-size: 13px; color: #487e97; line-height: 38px; }
	.article-list p a { color: #3c738f; }

/*------------------------------------------------------------------
[ Article Detail ]
*/

.article-detail {  }
	.article-detail span { font-size: 13px; color: #487e97; float: left; width: 100%; padding-bottom: 20px; }
	.article-detail p a { color: #3c738f; }
	.article-detail blockquote { margin: 0px 20px 20px 20px; background: #eaf5fa; border-bottom: 1px solid #deeef5; border-top: 1px solid #deeef5; }
		.article-detail blockquote p { padding: 20px; }
	.article-detail ul { padding: 5px 0px 20px 20px; }
	.article-detail ul li { font-size: 14px; line-height: 18px; padding-bottom: 5px; list-style: disc; }		
		
/*------------------------------------------------------------------
[ Faqs ]
*/

.faq-list {  }
	.faq-list h2 { padding-bottom: 10px;  }
		.faq-list h2 a { font-size: 16px; text-decoration: none; color: #305263; padding-bottom: 10px;  }
			.faq-list h2 a:hover { text-decoration: underline; }
	.faq-list span { font-size: 13px; color: #487e97; line-height: 38px; }
	.faq-list p a { color: #3c738f; }


/*------------------------------------------------------------------
[ components ]
*/

.promo { padding-bottom: 30px; width: 871px; height:250px; overflow: hidden; position: relative; }

.product-box-hold { float: left; width: 205px; margin: 0px 0px 30px 0px; }
	.product-box { position: relative; width: 205px; height: 340px; background: #d3d3d3; border: 1px solid #d3d3d3; }
		.product-box:hover { border: 1px solid #949494; }
		.product-box img { padding: 11px; }
		.product-box h4 { font-size: 14px; font-weight: bold; padding: 0px 11px 11px 11px; line-height: 18px; }
		.product-box p { font-size: 12px; padding: 0px 11px 11px 11px; line-height: 18px; }
		.product-box span { position: absolute; top: 315px; right: 11px; }
			.product-box span a { color: #000; }
		
		.special { background: #ffedae;  border: 1px solid #ffedae; }
			.special:hover { border: 1px solid #fbdf7f; }
			
	.product-price { float: left; width: 90px; padding: 36px 0px 0px 11px; }
		span.price { color: #414141; font-size: 14px; font-weight: bold; clear: both; }
		s { color: #d3d3d3; font-size: 12px; font-weight: bold; clear: both; }
	
	.product-buy { float: right; padding: 30px 11px 0px 0px; }
	
.faq-box { float: left; padding: 20px 0px 20px 0px; } 
	.faq-box ul { padding-left: 20px;  } 
		.faq-box ul li { line-height: 24px; list-style: disc; } 
			.faq-box ul li a { color: #7e7777; } 
		
.similiar-box {}
	.similiar-box table tr td { vertical-align: middle;  }
		.similiar-box table tr td.thumb { width: 50px; padding: 10px 0px 10px 0px; }
		.similiar-box table tr td.title { width: 160px; padding: 0px 10px 0px 10px; }
			.similiar-box table tr td.title a { font-weight: bold; color: #7e7777; }	
		.similiar-box table tr td.price { width: 20px; }	
		
.news-box { float: left; width: 490px; padding-right: 30px; }	
	.news-box h3  { padding-bottom: 25px; }		
		.news-box h5 a { font-size: 12px; font-weight: bold; color: #305263; }		
	.news-box span.date { font-size: 12px; color: #487e97; }		
	.news-box p { font-size: 13px; line-height: 18px; padding-top: 10px; }		
		.news-box p a { color: #305263; }		

.disclaimer { clear: both; padding-top: 30px; } 
	.disclaimer p { font-size: 11px; color: #999; } 
	
/*------------------------------------------------------------------
[ Contact ]
*/

.contact-text { width: 400px; float: left; }
.contact-form { width: 400px; float: left; }
	.contact-form label { float: left; width: 100%; padding-bottom: 10px;  }
	.contact-form input { margin-bottom: 20px; float: left; width: 350px; border: 1px solid #929292; height: 20px; font-family: Arial, Helvetica, sans-serif; }
	.contact-form textarea { margin-bottom: 20px; float: left; width: 350px;  border: 1px solid #929292; height: 200px; font-family: Arial, Helvetica, sans-serif; }
	.button-hold { clear: both; } 
	.error-label { color: #d7476c; }
	.button-hold input { width: 150px; height: 30px; }
	
	ul.error_list li { background: #fff5d5; clear: both; width: 340px; height: 20px; line-height: 24px; padding: 5px;  margin-bottom: 20px; color: #9c8e62; }
	
	.captcha { margin-bottom: 20px; }
	
/*------------------------------------------------------------------
[ Redirect ]
*/
	
.transfer { padding-top: 100px; text-align: center; width: 872px; }
	.transfer p { padding-top: 20px; font-size: 14px; }