@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;

	
}

/*************** 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:114px;
 height:82px;
 background:url('/img/logo.gif') no-repeat ;
 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{
width:200px;
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:#526f3e;
border-left:1px #526f3e solid;
 border-right:1px #526f3e 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;
}


#front .panel1{
float:left;
 width:892px;
 min-height:100px;
 margin: 0 0 0 0px;
  padding:0 0 0px 1px;
   }
#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;
}



#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:#526f3f;
 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:#526f3f;
 }
 
/**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;
 height:24px;
 line-height:20px;
 width:200px;
  margin:0;
 padding:0px 0px 0 0px;
 background:transparent url(/img/search_bg.gif) no-repeat 0 4px;
}
.search_txt_box{
float:left;
width:154px;
 height:16px;
 background:#FFF none;
 border:1px #d7d9d9 solid;
  color:#9fa5a4;
 margin:1px 0 0 0;
 padding:0px 0 0 3px;
}
.search_btn{
float:left;
 height:17px;
 width:21px;
display:block;
 background: transparent url(/img/search_btn.gif) no-repeat ;
border:0;
 text-indent:0;
 margin:2px 0 0 0;
padding: 0;
cursor:pointer;
 color:#a3a3a3;
}
.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: #f0e2c8;
 text-decoration: none}
a:visited {
font-family: Tahoma, Helvetica, sans-serif;
 font-size: 11px;
 color : #f0e2c8;
   text-decoration: none}
a:active {
font-family: Tahoma, Helvetica, sans-serif;
 font-size: 11px;
 color : #f0e2c8;
 }
a:hover {
font-family: Tahoma, Helvetica, sans-serif;
 font-size: 11px;
 color : #f0e2c8;
  text-decoration: underline}
a:focus{
outline:none;
}

h1,h2,h3,h4,h5 {
font-family: Tahoma, Helvetica, sans-serif;
color: #f0e2c8;
 line-height:1.1em;
 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: 0em;
 }