@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; background: url(../images/bg.jpg) repeat-x; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#backbg { background: url(../images/back-bg.jpg) no-repeat center top;}

#main { width: 776px; margin: 0 auto; overflow:hidden; }

#header { height: 102px;  /*position: relative;*/ }
#header h1 { margin: 0; padding: 18px 0 0 15px; float: left; }

#header .menu { width: 420px; line-height:normal; float: right; padding: 70px 0 0 0; }
#header .menu ul{ list-style-type: none; margin:0; margin-left: 5px; padding:0; }
#header .menu li{ display:inline; margin:0; padding:0;}
#header .menu a{ float:left; margin:0; margin-right: 2px; padding:0 0 0 9px; text-decoration:none; }
#header .menu a span{ float:left; display:block; padding: 5px 12px 5px 3px; font-weight:bold;  color:#fff; font-size: 11px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header .menu a span {float:none;}
/* End IE5-Mac hack */
#header .menu a:hover span { color: black; }
#header .menu li.selected a, #header .menu li a:hover{ background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzZGNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOWI4ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(100%,rgba(41,184,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#29b8e5',GradientType=0 ); /* IE6-8 */ border:#0c9ac6 solid 1px inset; border-radius:6px;
}
#header .menu li.selected a span{
 color: black;}
/*#header .menu a:hover, .menu li.selected a:hover{ background:url(../images/menu-bg-left.gif) no-repeat left top; }
#header .menu a:hover span, .menu li.selected a:hover span{ background:url(../images/menu-bg-right.gif) no-repeat right top; }*/

.dropmenudiv_d { position:absolute;  top: 0; border: 1px solid #dcc208; border-width: 0 1px; font:normal 11px Verdana; line-height:18px; z-index:100; background-color: white; width: 200px; visibility: hidden;}

.dropmenudiv_d a { width: auto; display: block; text-indent: 5px; border: 0 solid #dcc208; border-bottom-width: 1px; padding: 2px 0; text-decoration: none; color: black; }

* html .dropmenudiv_d a{ /*IE only hack*/ width: 100%; }
.dropmenudiv_d a:hover{ background-color: #fef8c8; text-decoration: none; }

#contentBg { width: 776px; height: 700px; background: url(../images/contentBg.png) repeat-x;}
#bannerImg { height: 257px; background: url(../images/bannerImg.png) no-repeat; margin: 0 auto; width: 770px; border-bottom: 1px solid #000;	}

#homeLeft { width: 450px; float: left; padding: 0 0 0 25px }
#homeLeft #welText h2 { margin: 0; padding: 15px 0 5px 0; font: 25px Georgia, "Times New Roman", Times, serif; color: #000; background: url(../images/line-bg.gif) no-repeat bottom left;}
#homeLeft #welText p { margin: 0; padding: 10px 0 0 0; line-height: 18px; font-size: 11px; }
#featured_prod h2 { margin: 0; padding: 15px 0 5px 0; font: 25px Georgia, "Times New Roman", Times, serif; color: #000; background: url(../images/line-bg.gif) no-repeat bottom left;}
#featured_prod .prodBox { width: 100px; height: 173px; float: left; display: inline; background: url(../images/line-bg3.jpg) no-repeat right top; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; padding: 0 25px; margin: 15px 0 0 0; }

#sidebar { width: 212px; float: right; background: url(../images/sidebar-bg.jpg) no-repeat left top; padding: 0 25px 0 35px; }
#sidebar  h2 { margin: 0; padding: 15px 0 8px 0; font: 19px Georgia, "Times New Roman", Times, serif; color: #000; background: url(../images/line-bg2.gif) no-repeat bottom left; }
#sidebar p { margin: 0; padding: 6px 0 2px 0; line-height: 18px; font-size: 11px; }
#sidebar label { width: 70px; display: block; float: left;}
#sidebar input { width: 135px; border: 1px solid #bababa; }
#sidebar textarea { width: 135px; border: 1px solid #bababa; }
#sidebar div.inputsize { padding: 0 0 8px 0; clear: both; }
#sidebar form { padding: 15px 0 0 0; }
#sidebar button { margin: 2px 0 0 70px; width: 68px; height: 23px;  background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzZGNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOWI4ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(100%,rgba(41,184,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#29b8e5',GradientType=0 ); /* IE6-8 */ border-radius:5px; color:#000; cursor: pointer; display: block; display: block; border: none;}

#prodContent { width: 710px; float: left; padding: 0 0 0 25px }
#prodContent  h2 { margin: 0; padding: 15px 0 5px 0; font: 25px Georgia, "Times New Roman", Times, serif; color: #000; background: url(../images/line-bg.gif) no-repeat bottom left;}
#prodContent p { margin: 0; padding: 10px 0 0 0; line-height: 18px; font-size: 11px; }

 .pbox { width: 120px; height: 173px; float: left; display: inline; background: url(../images/line-bg3.jpg) no-repeat right top; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; padding: 0 25px; margin: 15px 0 0 0; }
.pbox_other { width: 100px; height: 173px; float: left; display: inline; background: url(../images/line-bg3.jpg) no-repeat right top; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; padding: 0 25px; margin: 15px 0 0 0; } 
.pboxNone  { background: none; }

#footerbg { width: 756px; height: 48px; background: url(../images/footerBg.jpg) no-repeat; margin: 20px auto;}
#copyright { float: left; padding: 15px 0 0 15px; font-size: 11px;}
#footRight { float: right; padding: 15px 15px 0 0;}

.imgLeft { float: left; padding: 0 15px 0 0px; }

#frm_contact { padding: 20px 0 0 0;}
#frm_contact p { padding: 0 0 10px 16px; }
#frm_contact label { display: block; width: 150px; float: left; }
#frm_contact input { width: 250px; border: 1px solid #bababa; padding: 4px;	color: #3c3c3c;	}
#frm_contact textarea { width: 250px; border: 1px solid #bababa; padding: 4px; color: #3c3c3c; }
#frm_contact .btn_submit{ margin: 0;  padding: 15px 0 0 150px;}
#frm_contact  button { width: 68px; height: 23px;  background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzZGNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOWI4ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(100%,rgba(41,184,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#29b8e5',GradientType=0 ); /* IE6-8 */ border-radius:5px; color:#000; display: block; border: none; cursor: pointer; }
		
		
.required { color: red; }
img { border: none;}
form { margin: 0; padding:0;}
.clear { clear: both; }
a { color: #000; } a:hover {text-decoration: underline;}