/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical;
	font-size: 62.5%;  
	color: #000;
	padding:0; margin:0;
	background:#FFF  url(images/siteBkg.jpg) top left repeat-x; line-height:2em 
}
a img {border: 0}
form {margin:0px; border:0px}
a:link, a:visited {text-decoration: underline; color: #336699}
a:hover, a:active, a:focus {color: #820901}

br {line-height:.5em}
ol,ul {margin: 0;padding: 0 0 0 30px}
li {margin-top: 4px}
.iconphone li {margin-top: 4px; list-style-image:url(images/icon_phone.gif);}
.nobullet {padding: 0 0 0 5px}
.nobullet li {margin-top: 4px; list-style:none}
.nobullet img {margin-right:6px}
hr {
	border: 0 dotted;
	color: #999;
	background-color:#666;
	height: 2px
}
.centerDiv{ text-align:center}
.clearBR{ clear: both;}
.clearNOBR{ clear: both; padding:0; margin:0; line-height:0}
img {border:0}


h1,h2,h3,h4{font-weight:bold; color:#557234; line-height:normal}
H1 {font-size:2em; color:#820901}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em; color:#666666}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */

.alignRight{float:right}
.alignLeft{float:left}
.hugeText{font-size:4em}
.bodyText{font-size:12px;text-align:justify}
#headerBkg{position: relative;
	background:#B2BC7C url(images/site_header.gif) top left no-repeat; 
	height:61px; 
	width:762px; 
	left: 50%;
	top:2px;
	margin-left: -381px; /*set to a negative number 1/2 of your width*/
}
#pageContainer{top:122px}
#headerMenu{
	float:right;
	font-size:1.2em;
	color:#ECE9D8; 
	margin:35px 20px 0 0; 
	padding:0
}
#headerMenu a{color:#ECE9D8;}
#headerMenu a:hover{color: #FBE87B;}
.bodyLeft{
	float:left; 
	width:355px; 
	text-align:left
}
.bodyRight{ 
	float:right;
	width:355px; 
	text-align:left
}
.topicBkg{
	background:#820901 url(images/hdr_bkg.gif) top left repeat; 
	color:#FFF; 
	margin: 10px 0 10px 0; 
	font-weight:bold; 
	font-size:1em; 
	padding:2px;
	text-align:left
}
.topicBkg2{
	background:#557234 url(images/hdr_bkg2.gif) top left repeat; 
	color:#FFF; 
	margin: 10px 0 10px 0; 
	font-weight:bold; 
	font-size:1em; 
	padding:2px;
	text-align:left
}
input, select {
	font-size:11px;
	background-color:#F2F0EE; 
	border: #557234 solid 1px;
	color:#000}
.inputBox{
	width:240px; 
	/*padding:6px 2px 2px 2px;  */
	margin:2px; 
	background-color:#F2F0EE; 
	border: #557234 solid 1px; 
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif
}
.inputREQ{
	background:#F2F0EE url("images/required.gif") no-repeat right top;
}
input:focus.inputREQ, input:focus{
	background: #FFECEC; 
	border: #990000 solid 1px;
	color:#000
}
.btn{
	padding:2px; 
	margin:2px; 
	background-color: #FDF1AC; 
	border: #000 outset 1px; 
	font-size: 1em; 
	color: #000
}
.textIndent{margin-left:10px}
.prodBox{width:355px}
.prodSpacer{margin-bottom:11px}
.prodAvailLang{
	width:65px; 
	height:88px; 
	float:left; 
	background-color: #FAE158; 
	color:#000; 
	border:#5A7038 1px solid; 
	text-align:center; 
	font-size:1em
	}
.prodSmBoxes{
	width:65px; float:right}
.prodBoxLeft{float:left; width:141px; text-align:center}
.prodBoxRight{
	float:right; 
	width:192px; 
	height:240px;
	background-color:#ECEFDE; 
	color:#000; 
	border:#5A7038 1px solid; 
	text-align:left; 
	padding:6px; 
	font-size:1.1em; 
	line-height:1.7em; 
	text-align:justify
	}
.smText{font-size:.8em}	
#pageFooter {
	padding-bottom:10px;
	color:#820901; 
	font-size:.9em; 
	text-align:center;position:relative
}
#pageFooter a{color:#820901}