@charset "UTF-8";

/*  --------------S CSS Reset---------------------  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,

fieldset,input,textarea,p,blockquote,th,td,label {padding:0;margin:0;}    

table {border-collapse:collapse;border-spacing:0;}    

fieldset,img{border:0;}    

address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style: normal;}    

ol,ul{list-style:none;}    

caption,th{text-align: left;}    

h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}    

q:before,q:after {content:'';}    

abbr,acronym {border:0;}

input,select{vertical-align:middle;}

/*  --------------O CSS Reset---------------------  */



/*  --------------S CSS Public---------------------  */

a{

    color: #424d67;

	 text-decoration: none;

}

a:hover{

	 color: #707ea0;

    text-decoration: none;

}

*{

    font-size: 14px;

    font-family: 'Arial','Verdana';

}

.clear{

    clear: both;

    display:block;

    height: 0;

	 font-size: 0;

	

	 

}

/*  --------------O CSS Public---------------------  */





html,body{

    height: 100%;

	 

}

body{

	 text-align:center;

}

.wrapper{

    background:#e1e7e9  url(../images/body_bg.jpg) 0 0 repeat-x;

    width: 100%;

    margin:0 auto;

	 text-align:center;

}

.wrapper_main{

	 background:url(../images/wrapper_bg.jpg) 50% 0 repeat-y;

    width: 976px;

    margin:0 auto;

	 text-align:center;

}

.wrapper_footer{

	width: 100%;

	min-height:100px;

	

	background: #ffffff url(../images/wrapper_footer_bg.jpg) 50% 0 repeat-y;

	left:0;

	right:0;

}



.container{

	 background:url(../images/container_bg.jpg) 50% 0 no-repeat;

	 padding:0 42px;

	 padding-bottom: 12px;

	 text-align: left;

	 min-height:600px;

	 width:auto;

}

			.header{

				padding-top: 5px;

				height: 80px;

				overflow: hidden;

				margin: 0;

			}

					.header .logo{

						padding-left: 20px;

						float: left;

					}

					

					.header .top-shopping-cart{

						padding:6px 20px;

						float: right;

						text-align:right;

						font-size: 12px;

						color: #979797;

						line-height: 20px;

					}

					.header .top-shopping-cart h3{

						font-size: 14px;

					}

					

					

			.topmenu{

				/*position: relative;*/

				z-index:2;

				padding: 0 20px;

				height: 51px;

				overflow:hidden;

			}

					.topmenu ul{

						

						margin: 6px 0;

					}

					.topmenu ul li{

						float:left;

						margin-right: 5px;

					}

					.topmenu ul li a{

						color:#979797;

						padding: 9px 12px;

						display: block;

					}

					.topmenu ul li a:hover{

						background: #eeeeee;

					}

					.topmenu ul li a.current,.topmenu ul li a.current:hover{

						background: #4579a6;

						color: #ffffff;

					}

					

					

			.banner{

				/*background:red;*/

				font-size:0;

				padding: 0;

				/*position: relative; 

				top: -76px;

				_top: -92px;*/

				height: auto;

			}

					

			

			.main{

				/*position:relative;*/

				z-index:1;

				margin-top: 24px;

				background: url(../images/main_line.gif) 294px 0 repeat-y;

				

			}

			

			.leftContent{

				padding-left: 20px;

				width: 278px;

				float: left;

				/*border-right: 2px dotted #ffffff;*/

				margin-bottom: 12px;

			}

					.left-search{

						padding-bottom: 12px;

					}

					.left-search input.keyword{

						border: 1px solid #ced5df;

						padding: 3px 2px;

						width:176px;

					}

			

					.left-cat{

						

					}

					.left-cat h3{

						line-height: 36px;

						color: #4f7abf;

						font-size: 30px;

					}

					.left-cat h3 span{

						color: #ffffff;

						font-size: 30px;

					}

					.left-cat strong{

						color: #d33435;

						line-height: 18px;

					}

					.left-cat ul{

						padding: 6px;

					}

					.left-cat ul li{

						line-height:20px;

						margin-left: 16px;

						list-style: url(../images/leftmenu_li_icon.gif) outside none;

					}

					.left-cat ul li a.current{

						color: #5595fd;

					}

					.left-cat ul ul{

						padding: 3px 0;

					}

					.left-cat ul ul li{

						list-style: none;

					}

					

					

					/* ------------------MENU-----------------------*/

					#dropDown{position:absolute;padding:0;margin:0;list-style:none;white-space:nowrap;height:41px;width: 1000px;}

					body>#dropDown {position: fixed;}

					#dropDown ul{position: relative;display:none;margin:0;margin-top:-6px;list-style:none;z-index:100; padding-left:20px;height:auto;}

					#dropDown ul.click {display: block;}

					#dropDown ul.click li{}

					

					#dropDown ul li {background-color:#0081c2;margin:0;}

					#dropDown ul li a.click {background-color:#0066a8;color:#1B1B1B;border-bottom:#1e9ddc 1px solid;/*display:block;*/}

					#dropDown ul li a:hover {color:#1B1B1B;background-color:#0066a8;}

					#dropDown li {position:relative;}

					#dropDown li a{position:relative; display:block;	text-decoration: none; float:left;}

					

					#dropDown li a.click {}

					#dropDown li a:hover{}

					#dropDown li a span{padding:0 30px 0 20px;}

					#dropDown li ul {position:absolute;top:41px;left:0px;padding-left:0;border-style:solid;border-color:#ffffff;border-width:0;}

					#dropDown li ul li{background-image:none;width:220px;padding:0;height:auto;display:block;

											overflow:hidden;

											clear:both;/* fixed Safari BUG By cookie */}

					#dropDown li ul li a {color:#ffffff; 

									border-bottom:#1e9ddc 1px solid;

									display:block; padding:1px 5px;height:20px; 

									line-height:20px;clear:both!important;

									/*overflow:hidden;*/

									margin:0;width:210px;font-size:13px;/*background:red;*/}

					#dropDown li ul li a:hover {background-color:#0066a8;border-bottom:#1e9ddc 1px solid;color:#ffffff;}

				

					#dropDown li ul ul {position:absolute;left:220px;top:0;margin:0; padding:0;padding-left:0;}

					#dropDown li ul ul li{background-color:#0081c2;width:220px;padding:0;z-index:100;}

					#dropDown li ul li ul li a {color:#ffffff;border-bottom:#1e9ddc 1px solid;display:block;padding-left:5px;height:20px;line-height:20px;clear:both!important;} 

					/* second submenu link hover background */ 



					

					

					

					

					

			

			.mainContent{

				padding-top: 12px;

				width: 546px;

				float: right;

				padding-right: 20px;

				position: relative;

				z-index:30;

			}

			

					.location{

						font-size: 11px;

						color: #ffffff;

						font-family:Verdana;

					}

					.location a{

						font-size: 11px;

						color: #ffffff;

						font-family:Verdana;

					}

					.title,.page-head{

						display: block;

						clear: both;

						padding-top: 15px;

						padding-bottom: 6px;

					}

					.title h1,.page-head h3{

						float: left;

						/*color: #4f7abf;*/

						color: #000000;

						font-size: 18px;

						font-weight:bold;

					}

					.title h1 a,.page-head h3 a{

						/*color: #4f7abf;*/
						
					    color: #000000;

						font-size: 18px;

					}

					.title h1 span{

						font-size: 16px;

						color: #ffffff;

					}

					.title .turnpage{

						float:right;

						font-size: 12px;

					}

					.title .turnpage a{

						font-size: 12px;

						color:#FFFFFF;

						text-decoration:none;

					}

					.title .turnpage a:hover{

						font-size: 12px;

						color:#FFFFFF;

						text-decoration:underline

					}

					.title_prodetails h1{

						color: #3b4660;

						font-size: 24px;

					}

					

					

					.required{

						color: Red;

					}

					

					

					.homepage{

						padding-top: 40px;

					}

					

					.homepage h2{

						clear: both;

						/*font-size: 28px;*/

						font-size: 26px;

						color: #4f7abf;

						padding: 3px 0;

					}

					.homepage h2 span{

						font-size: 26px;

						color: #444f69;

					}

					.homepage h4{

						font-size: 17px;

						color: #d33435;

						padding-bottom: 12px;

					}

					.homepage ul{

						font-weight:normal;

						list-style:disc outside none;

						padding-left: 16px;

					}

					.homepage ul li{

						color: #d33435;

						width: 47%;

						float: left;

						padding: 2px 0;

					}

					.homepage ul li.a{

						width: 52%;

					}

					.homepage ul li.b{

						width: 44%;

					}

					.home_bottom_left{

						width: 51%;

						border-right: 2px dotted #ffffff;

						float:left;

					}

					.home_bottom_right{

						padding-left:6px;

						float:right;

						width: 47%;

					}

							.homenewsitem{

								font-size: 12px;

								color: #424d67;

								padding-bottom:12px;

								line-height:18px;

							}

							.homenewsitem b{

								font-size: 12px;

							}

					

					

					

					.home_bottom_left p,

					.home_bottom_right p{

						font-size: 12px;

						color: #424d67;

					}

					.home_bottom_left h3,

					.home_bottom_right h3{

						font-size:15px;

						color: #424d67;

		

						padding-top:3px;

						padding-bottom: 15px;

						line-height: 22px;

					}

					.homepage .readmore{

						line-height:20px;

						font-size:12px;

						color: #d33435;

					}

					

					

					.prolist{

						

					}

					.prolistitem{

						padding:6px 0;

						border-top: 2px solid #4f7abf;

					}

					.prolistitem a.thumb{

						display: block;

						float: right;

						border: 2px solid #4f7abf;

					}

					.prolistitem h2{

						font-size: 18px;

						color: #4f7abf;

					}

					.prolistitem h2 a{

						font-size: 18px;

						color: #4f7abf;

					}

					.prolistitem h4{

						font-size: 14px;

						color: #d33435;

					}

					.prolistitem p{

						padding-top: 6px;

						font-size: 12px;

						/*font-family: 'Verdana';*/

						color: #424d67;

						line-height:18px;

					}

					.prolistitem .action{

						padding: 12px 0 0;

					}

					

					.prodetails{

						

					}

					.prodetails_left{

						width: 306px;

						float: left;

						color: #424d67;

						font-size: 12px;

						line-height:18px;

					}

					.prodetails_left span{

						font-size: 12px;

					}

					.prodetails_left h3{

						color: #d33435;

						font-size: 14px;

						padding: 12px 0 3px;

					}

					.prodetails_left p{

						color: #424d67;

						font-size: 12px;

						padding-bottom: 12px;

					}

					.prodetails_left li{

						color: #424d67;

						font-size: 12px;

						padding-bottom: 3px;

						list-style: disc outside none;

						margin-left: 15px;

					}

					.prodetails_right{

						width: 226px;

						float: right;

					}

							.rightshow a{

								border:2px solid #6c92cf;

								display: block;

								font-size:0;

							}

							ul.rightshowlist{

								position: relative;

								width:242px;

								padding-top:9px;

							}

							ul.rightshowlist li{

								float: left;

								margin-right: 17px;

								margin-bottom: 6px;

							}

							ul.rightshowlist li a{

								float: left;

								display: block;

								border:2px solid #6c92cf;

								font-size:0;

							}

							

							.right-infomation{

								margin-top: 12px;

							}

							

							.right-infomation h3{

								font-size: 18px;

								line-height: 24px;

								color: #4f7abf;

							}

							.right-infomation h3 span{

								color: #ffffff;

								font-size: 18px;

							}

							.right-infomation h6{

								color: #d33435;

								font-size: 14px;

								padding-bottom: 6px;

							}

							.right-infomation li{

								font-size: 12px;

								color: #4f7abf;

								list-style: none;

								padding: 3px 2px 3px 17px;

								background:url(../images/right_infomation_li_icon.gif) 0 8px no-repeat;

							}

							.right-infomation li a{

								color: #4f7abf;

							}

							.right-infomation li a{

								text:expression(target="_blank");

							}

					.for-more{

						padding: 12px 0;

						color: #4f7abf;

						font-size: 18px;

			

					}

					

					

					

					.newsList{

						border-top: 1px dashed #ffffff;

					}

						.newsListItems{

							padding: 12px 0;

							border-bottom: 1px dashed #ffffff;

						}

						.newsListItems h3{

							font-size:18px;

						}

						.newsListItems h3 a{

							font-size:22px;

							color: #000000;

						}

						.newsListItems .intro{

							line-height: 18px;

						}

					

					

					.page{

						display: block;

						clear:both;

						padding-top: 12px;

						line-height: 20px;

						color: #424d67;

					}

					.pagedetails{

						color: #424D67;

						font-size: 12px;

					}

					.pagedetails a,.pagedetails p{

						font-size: 12px;

					}

					.pagedetails ul,.pagedetails ol{

						padding-left: 15px; 

						color: #424D67;

						font-size: 12px;

					}

					.pagedetails ul li,.pagedetails ol li{

						list-style: disc outside none;

						color: #424D67;

						font-size: 12px;

						line-height: 18px;

					}

					.pagedetails ul ul li{

						list-style-type:circle;

					}

					

					

			



		.footer_area{

			padding-top:12px;

			background:#ffffff;

			/**/

    		width: 976px;

    		margin:0 auto;

			text-align: left;

			height: 100px;

		}

		.footer_left{

			margin-left: 42px;

			

			float: left;

			width:400px;

		}

		.footer_left a{

			color:#000000;

			font-size:12px;

		}

		.footer_left ul{

			

		}

		.footer_left ul li{

			float: left;

			padding: 3px;

		}

		.copyright{

			clear:both;

			font-size:12px;

			padding: 12px 3px 6px;

		}

		

		.footer_logo{

			margin-right: 62px;

			

			padding-top:3px;

			float: right;

			width:460px

		}

					

					

					

		.newsList .newsListItems .intro{

			padding: 3px 0;

			color: #424d67;

		}

					

		.back2top{

			padding-top: 9px;

			font-size: 12px;

		}

		.back2top a{

			font-size: 12px;

		}

					





/* for cms */

.group-select ul{

	padding-top:12px;

}

.group-select .input-box{

	float: left;

	width:50%;

}

.group-select .input-box label{

	padding: 3px 0;

	line-height:24px;

}



.group-select .input-box .input-text{

	width: 230px;

	font-size:12px;

}

.group-select .input-box .input-text-long{

	width: 430px;

	font-size:12px;

}

.group-select textarea{

	font-size:12px;

	width: 430px;

}



.store-switcher{display:inline;}

.w3c{padding-left:62px;}



.footer .store-switcher{ padding-bottom:5px}

.office_details,.store-switcher label,.store-switcher select {font-size:12px}

.office_details{padding-left:3px}

.kal{font-size:12px; text-align:right; margin-top:38px}

.kal a{font-size:12px;color:#000;}

.kal a:hover{font-size:12px;color:#000;}

#product-price-296{font-size:18px}