@import url(navigation.css);
body {margin:0px 0px 1px 0px;	text-align:center;
 	padding:0px;
	color:#fff;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFF url(/img/body_bg.gif) repeat-x;
	
}

a img {
	border: 0;
}

/*************** blocks  ********************/
.displaynone{display:none; height:auto;}
#constrain{margin:auto;width:895px;height:auto; text-align:left;display:block;padding:0;}
.cntcontainer{width:895px; height:200px; min-height:200px;display:block;position:relative; margin:0; padding:0; background: transparent url(/img/content_bg.gif) repeat-y;  }

html>body .cntcontainer{height:auto;}

#hdr{width:895px; height:131px; display:block; position:relative;background:url(/img/hdr_bg.gif) no-repeat;}
.logo{position:relative;width:114px; height:82px;padding:0;margin:0; top:8px; left:20px;}
#hdr .logo h3{margin:0;padding:0;}
#hdr .logo h3 a { display:block; width:500px; height:82px; overflow:hidden; text-indent:-3000px;  margin:0px 0 0 0;} 

#hdrmenu{width:895px;height:24px;display:block; position:absolute; left:0px; top:-31px; margin:0; padding:0; text-align:center;  }
#login #hdrmenu{width:910px;height:29px;display:block; position:absolute; background:#FFF; left:25px; top:-28px;}

#searchBox{height:23px; display:block; position:absolute; right:3px; top:-126px;margin:0; padding:0; }
#links {width:260px;height:13px;display:block; position:absolute;  right:3px; top:0px; text-align:right; color:#555555;margin:0; padding:0;font-size:10px;}
#links a{color:#555555; padding:0 5px 0 5px;}

.section,.section2{float:left; width:893px; background:#482112;border-left:1px #482112 solid; border-right:1px #482112 solid; min-height:100px;}

.sectionMiddle{clear:both; height:25px; width:895px; background:url(/img/section.gif) no-repeat;}
.sectionBottom{clear:both; height:7px; width:895px; background:url(/img/section_bottom.gif) no-repeat;}

#lang{width:22px;height:11px;display:block; z-index:100; position:absolute; right:15px; top:-26px; text-align:right; color:#fff;margin:0; padding:0;}
#lang img{border:0;}

#front .panel1{float:left; width:892px; min-height:100px; margin: 0 0 0 0px;  padding:0 0 0px 6px;   }
#front .panel1 h2{font-size:15px; color:#aa3442;}

#subpage .panel1{float:left; width:670px; min-height:350px; margin:14px 0 0 210px;  padding:10px 0 10px 0;}
#subpage .panel2{float:left; width:190px; min-height:350px; margin:14px 0 0 -880px;  padding:0 0 10px 6px;}
* html #subpage .panel1{display:inline; height:350px;}

#subpage .panel1 img{
	padding:2px;
	border:1px #fff solid;
}


#front .section2 .panel1{float:left; width:272px; min-height:100px; margin: 0 0 0 9px;  padding:0 0 0px 0px;}
#front .section2 .panel2{float:left; width:272px; min-height:100px; margin: 0 0 0 28px;  padding:0 0 0px 0px;}
#front .section2 .panel3{float:left; width:272px; min-height:100px; margin: 0 0 0 28px;  padding:0 0 0px 0px;}
*html #front .section2 .panel1{display:inline;}

/*#front .section2 .panel1 h3,#front .section2 .panel2 h3,#front .section2 .panel3 h3{display:block; width:272px; border-bottom:1px #000 solid; height:20px;margin:0px; font-size:14px;color:#6f6f6e;}*/
#front .section2 .panel1 ul,#front .section2 .panel2 ul,#front .section2 .panel3 ul{margin:0px; padding:10px 0 0 15px; color:#fff; }




#login .panel1{float:left; width:250px; min-height:350px;  margin:100px 0 0px 370px;  }
* html #login .panel1{display:inline; height:350px;}


.page_bottom{display:block;height:25px;  width:960px;background:transparent url(/img/footer_bg.gif) no-repeat; margin:0;font-size:0;}
.leftContent{padding:0px 0px 0 9px;}

.left_box{float:left;width:195px; background:#283b66; padding: 4px; margin:0; color:#aa3442; font-size:14px;}
.left_box ul{list-style:none; padding:0; margin:0;}
.left_box li{display:block; border-bottom:1px #fff solid; min-height:20px; background: url(/img/box_or.gif) no-repeat 8px 7px; padding:7px 0 6px 26px; }
#subpage .left_box a,#front .left_box a,#columns3 .left_box a,#columns2 .left_box a{color:#aa3442; font-size:14px;}

#submenu{width:186px;   padding:0px 0 0px 0px; border-left:1px #dadada solid; border-right:1px #dadada solid;   }
#submenu h3{display:block; width:176px; height:18px; color:#fff; font-size:12px; padding:5px 0 0 12px; background:url(/img/menu_hdr.gif) no-repeat; margin:0 -1px 0 -1px;}
.subMenuBottom{clear:both; width:188px; height:5px; background:url(/img/subMenubottom.gif) no-repeat; margin:-2px 0 0 0;}




.bread{width:670px;height:15px;display:none; position:absolute;  left:211px;top:0px; color:#7b7b7b; font-size:11px;   }
.bread h3{height:23px;  padding:7px 0 0 10px; color:#FFF; font-size:14px;}

#constrain .bread a{color:#7b7b7b; font-size:11px;}
.bread .tools{width:180px;height:15px;display:block; position:absolute;  right:0px;top:0px; }





 .footer{width:895px; min-height:30px; height:33px; display:block; margin:0; padding:5px 0 0 0px;text-align:left; text-align:center;color:#6f6f6e;}
 #constrain .footer a{color:#333;}
 
/**mailform**/
.mailform{float:left; width:640px; padding:10px; border-top:1px #CCCCCC solid;}
.mailform .form_field{float:left;width:620px; height:20px; padding:3px 0 3px 0 ;}
.mailform .form_field label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_field input{width:200px; height:18px; border:1px silver solid;}

.mailform .form_txtArea{float:left;width:620px;min-height:50px; padding:15px 0 3px 0 ;}
.mailform .form_txtArea label{float:left; text-align:right; width:95px; height:80px; display:block;padding:0 5px 5px 0;}
.mailform .form_txtArea textarea{width:510px; height:160px;border:1px silver solid;}

.mailform .form_label{clear:both;width:720px; height:20px; padding:3px 0 3px 0 ; margin:5px 0 0 0; border-bottom: 1px silver solid; font-size:14px; font-weight:bold;}

.mailform .form_zip{float:left;width:620px; height:20px; padding:3px 0 3px 0 ;}
.mailform .form_zip label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_zip select{width:200px; height:20px; border:1px silver solid;}

.mailform .form_calendar{float:left;width:620px;  padding:3px 0 3px 0 ;}
.mailform .form_calendar label{float:left; width:95px;  height:12px; line-height:12px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_calendar input{float:left; width:80px; height:18px; border:1px silver solid;margin:0;}
.mailform  .form_calendar button{float:left;display:block; height:13px; width:13px; overflow:hidden; background: transparent url(/Modules/MailForm/Fields/CalendarFiles/calendar.gif) no-repeat right; border:0; text-indent:-3000px; cursor:pointer; margin-left:2px;}


.mailform .form_drop{float:left;width:620px; height:23px; padding:3px 0 3px 100px; }
.mailform .form_drop label{float:left; width:95px;  height:12px; line-height:20px; text-align:left; padding:0 5px 5px 5px; display:block;}
.mailform .form_drop select{float:left;width:50px; height:18px; border:1px silver solid;}

.mailform .formRadio{float:left;width:620px; height:23px; min-height:23px; padding:3px 0 3px 0 ;}
.mailform .formRadio label{float:left; width:95px;  height:12px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .formRadio input{float:left;width:15px; height:18px; border:0px silver solid;}
.mailform .formRadio span{display:block; height:18px; width:200px;float:right;}
.mailform .formRadio ul{display:block;float:left;list-style:none; padding:0 0 0 5px;margin:0;}
.mailform .formRadio li{display:block;clear:both;}
.mailform .formRadio li label{display:block;padding:0; text-align:left; }
html>body .mailform .formRadio{height:auto;}

.mailform .form_check{float:left;width:620px;  min-height:20px; padding:3px 0 3px 0 ;}
html>body .mailform .form_check{height:auto;}
.mailform .form_check label{float:left; width:95px;  line-height:20px; text-align:right; padding:0 5px 0px 0; display:block;}
.mailform .form_check input{float:left;width:15px; height:18px; border:0px silver solid;}
.mailform .form_check span{color:#555555; font-size:10px;}
.mailform .form_check ul{display:block;float:left;list-style:none; padding:0 0 0 5px;margin:0;}
.mailform .form_check li{display:block;clear:both;}
.mailform .form_check li label{display:block;padding:0; text-align:left; }

.mailform .form_btn_div{float:left;width:620px;  padding:3px 0 3px 0 ;}
.mailform  .formBtn, #mailReg  .searchBtn{float:right;display:block; height:22px; width:auto;line-height:22px; overflow:hidden;  color:#fff; background: #b6b6b6 ; border:0px #a4a4a4 solid; text-indent:0px;font-size:14px; cursor:pointer;}
#mailReg  .searchBtn{float:left ;display:block; height:22px; width:82px; overflow:hidden;  color:#555555; background: #eaeaea ; border:1px #a4a4a4 solid; text-indent:0px; cursor:pointer;}
#subpage .panel1 #mailReg{width:300px;}
#mailReg .form_field{ float:left; width:160px;}

.warningTxt{ clear:both;  color:Red; background:#fdf5d8; border:1px #ccc solid;padding:2px; margin:5px 0 0 0; }
.mailform  .invalid input,.mailform .invalid textarea{border:1px Red solid;}
.mailform .radPanel{float:left;}
.loading{padding:5px;}


/**search**/
.searchdiv{
float:left; 
margin: 3px 5px 0 0;
padding:0px 0px 0 0px;
}
.search_txt_box{
float:left;
width:150px;

font-family: tahoma;
font-size: 11px;
color:#555; 
background:#fff;
border:1px #731a0e solid;

margin:0 0 0 0;
padding: 4px 6px;
}
.search_btn{
float:left;

margin: 0 0 0 0;
padding: 4px 10px 3px 9px;

display:block;
cursor:pointer;

background: #731a0e;
border: 1px solid #60150b;
border-left: 0;
border-top: 0;

font-family: tahoma;
font-size: 11px;
color:#f0b3aa; 

}
.panel1 .searchdiv{display:block;width:200px; height:20px; padding-bottom:5px;margin-bottom:10px; }
.panel1 .search_btn{float:left;} 
.searchResults{list-style:none; margin:0; padding:0; }
.searchResults  ul{list-style:none; margin:0; padding:0;}
.searchResults  li {clear:both;border-bottom: 1px #f0d4d3 solid; padding:10px 0 10px 0;}
.searchResults  h4{color:#023f99; font-size:13px;}
/**** User Login ******/

.userLogin{float:left;width:225px; height:22px; min-height:22px;  padding:35px 0 0 0;background:#fff url(/img/userLogin_bg.gif) no-repeat top;}
html>body .userLogin{height:auto;}
#login .userLogin .bottom{float:left;width:225px; height:16px; background: transparent url(/img/login_bottom.gif) no-repeat;}
#login .loginfield{float:left;display:block; height:25px;width:225px;  }
#login .loginfield label{ float:left;display:block; height:16px; width: 65px; text-align:left; padding:2px 0px 0 10px;}
#login .loginfield input{ float:left;height:20px; border:1px #cccccc solid;width: 133px;  padding:0 0px 0 0;}
#login .login_btn{float:right; height:18px; width:51px; display:block; background: transparent url(/img/login_button.gif) no-repeat ;border:0; text-indent:-3000px; overflow:hidden;margin:0px 0 0 0;padding: 0 ;cursor:pointer; color:#a3a3a3;}
#login .btnfield{padding:3px 15px 0 0;}
.loginError{float:left;color:Red;width:225px; text-align:center; padding-top:5px;}
.logOut{padding-left:17px; background:transparent url(/img/logout.gif) no-repeat 0px 1px;}

/**************************/
/*  product			     */
/**************************/
#pro_info{float:left;width:670px;min-height:100px;padding:5px 0px 10px 0px;border-bottom: 1px #b5b5b5 solid;}
#pro_info h2{width:360px;font-size:18px;color:#001e44;border-bottom: 1px #94c83d solid;padding:0 0 5px 0;}
#pro_info img{padding: 0px; margin-bottom:5px;border: 0px #b5b5b5 solid; width:260px;}
#pro_info span{color:#656565;font-weight:bold;}
.backBtn {background: transparent url('/img/back_or.gif') no-repeat scroll left;padding: 0 0 0 10px;font-weight:bold;}

#pro_info .imgbox a{width:253px; border:1px silver solid; display:block; height:18px; padding: 2px 0 0 5px; background:#ab0634; color:#fff;text-align:center;margin:3px 0 0 0;}

#pro_info .imgbox {float:right; width:260px; padding:0 0px 0 15px;}
#pro_list{float:left;width:670px;min-height:100px;padding:5px 0px 10px 0px;}
#pro_list h2{font-size:18px;color:#001e44; padding:0 0 2px 0; border-bottom: 1px #b5b5b5 solid;}
.pro_list_tbl{width:100%;}
.pro_list_tbl td{border-bottom:1px #eff2ec solid;padding:10px 5px 10px 5px;vertical-align:top;}
.pro_list_tbl img{padding: 0px;border: 0px #b5b5b5 solid;margin-bottom:4px; width:155px;}
#pro_list h3 a,#pro_info h3{font-size:14px;font-weight:bold;}

.proOrder{float:left; width:650px;min-height:100px;padding:5px 10px 10px 10px; background:#fafafa;}
.infoContainer{width:155px;}
.prodInfo{width:145px; height:auto; background:#e9e9e9; padding:5px 5px 10px 5px; line-height:20px; color:#505050;}
.prodInfo span{display:inline-block; width:60px; font-weight:bold; }
.prodMore {float:right; width:45px; height:15px; overflow:hidden; background: url(/img/prod_more.gif) no-repeat; text-indent:-3000px; margin:-10px 3px 0 0 ;}
#pro_info .imgbox .prodInfo{width:250px;  }
/**** FAQ ******/
.faq{}
.open{height:auto; padding:5px 0 5px 0;}
.closed{display:none;}
.faqsep{border-bottom: 1px #dcdcdc solid; margin:5px 0 5px 0; }


/****** News **********/
.news{list-style:none; margin:0; padding:0; color:#555555;}
.news  ul{list-style:none; margin:0; padding:0;}
.news  li {clear:both;border-bottom: 1px #a4a4a4 dotted; padding:10px 0 10px 0;}
.news  h4{ font-size:13px;}
.news  li span,.newsItem span{color:#555555; display:block;  padding:0 0 2px 0px; font-size:11px;}
.video a{ width:14px; height:16px; background: transparent url(/img/video_icon.gif) no-repeat; display:block; overflow:hidden; text-indent:-3000px; }


.artdate{color:#555555; display:block; font-size:11px;	}
.artheader{	padding: 0 0 0 5px;	margin:0 0 3px 0;	line-height:13px;}
.separator{	border-bottom:1px #c4c4c4 solid;	margin:5px 0 5px 0;}

/****** misc **********/
.clear{display:block; height:auto;}
.fix{display:inline;}
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }

.clearboth{clear:both; height:0; line-height:0; font-size:0;}

a:link  {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none}
a:visited {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color : #fff;   text-decoration: none}
a:active {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color : #fff; }
a:hover {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color : #fff;  text-decoration: underline}
a:focus{outline:none;}

h1,h2,h3,h4,h5 {font-family: Tahoma, Helvetica, sans-serif;color: #faede8; margin:0 0 0.3em 0;}
h1 {font-size:20px;}
h2 {font-size:18px; }
h3 {font-size:16px;}
h4 {font-size:12px;}
	
hr {background : #e0e0e0;	color: #e0e0e0 ;	height: 1px;}
div,form, blockquote,img {	margin:0; padding:0; }
p	{margin-top: 0em;padding: 0px 0px 0px 0px;margin-bottom: 10px; }

.form-title{
			display:block;
			
			margin: 0 0 10px 0;
			
			font-size:13px;
			font-weight:bold;
		}
		.form {
		}
			.form label {
				display: block;
				
				margin: 0 0 2px -8px;
			}
			.form input {
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #333;
				
				border: 1px solid #c9c9c9;
			}

		.form.txt {
			padding: 0 0 0 8px;
		}
			.form.txt input,
			.form.txt textarea,
			.form.txt select
			{
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #333;
				
				margin: 0 0 6px -8px;
				padding: 3px;
				
				width: 100%;
				
				border: 1px solid #c9c9c9;
			}
			.form.txt textarea{
				height:150px;
			}
			
		.form.chk {
			margin: 10px 0 10px 0;
		}
			.form.chk input {
				margin: 0px 3px 3px 0;
				padding: 0;
				
				float: left;
			}
		
		
			.form.calendar label {
				display: block;
				
				margin: 0 0 2px 0px;
			}
			
		.form.drp{
			margin:5px 0 5px 0;
		}
			.form.drp label,
			.form.drp input
			{	
				display:inline;
				padding:0px 0 0px 8px;
				margin: 0px 0 0px 0;
				
			}
		
		.form.btn {
			text-align: right;
		}
			.form.btn input {
				margin: 0;
				padding: 3px 8px;
				
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #333;
				
				font-weight: bold;
				
				background: #FFF;
			}


.article-index {
}
	.article-index .article-item {
		line-height: 150%;
		
		padding: 0 0 0 14px;
		
		background: 0 6px url('../img/bullet.gif') no-repeat;
	}
		.article-index .article-item h1 {
			margin: 0 0 5px 0;
			padding: 0 0 0 0;
			
		}
			.article-index .article-item h1 A {
				color: #fff;
			}
			
		.article-index .article-item .date {
			
		}
		.article-index .article-item .text {
			color: #ffbab0;
		}
		.article-index .article-item .more {
			margin: 8px 0 0 0;
			font-weight: bold;
			text-align: right;
		}

.image-list {
}
	.image-list .image-item {
		margin: 0 10px 10px 0;
		float: left;
		
		height: 110px;
	}
		.image-list .image-item img {
			border: 1px solid #fff;
		}


#image-list{
	width:100%;
}
	#image-list .image-item {
		float:left;
		
		margin: 0 10px 0 0;
		
		width: 140px;
		height: 140px;
		
		
		overflow:hidden;
	}
		#image-list .image-item a {
			
			display: block;
			position: relative;
			margin: 0;
			padding: 1px;
			
			width: 130px;
			height: 86px;
			
			border: 1px #ccc solid;
			
			text-indent: -9999px;
			outline: none;
			overflow:hidden;
			
			background: center no-repeat #f2f2f2;
		}
			/*#image-list .image-item a .zoom {
				display: block;
				
				position: absolute;
				
				bottom: 0;
				right: 0;
				
				width: 17px;
				height: 18px;
				
				background: 0 0 url('../img/zoom.gif') no-repeat;
				
			}*/
			#image-list .image-item .text {

				width:130px;
				height:20px;
				display: block;
				padding: 6px 0 0 15px;
				
				color: #777;
				
				
			}