@charset "utf-8";
/* CSS Document */
body{               /* html body background*/
    padding: 0;
    margin: 0;
    background-color: #999900;
}

h1{

padding: 5px;
margin: 0;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;

}
h2{
padding: 5px;
margin: 0;
font: bold 14px Arial, Arial, Helvetica, sans-serif;
}

p{

font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
}

#header{
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    height: 150px;
    background-image: url(../images/header_logo.jpg);
    margin-top: 10px;
    padding: 10px;
}

#navbar{
    clear: both;
    width: 800px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: #FFFFFF;
}

#mainwrapper{  /* this is the main content area which moves down the page with out  going behind the footer.. the footer moves down based on the contect */
    clear: both;
    width: 800px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: #FFFFFF;
}

#mainwrapper .leftcol{
position: relative;
float: left;

}

#mainwrapper .rightcol{
position: relative;
float: right;

}

#leftbar{
width: 180px;
padding: 10px;
}

#centerbar{

float: left;
width: 380px;
padding: 10px;
background: #fff;

}

#rightbar{
width: 180px;
padding: 10px;
}

#s{
    clear: both;
    width: 780px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #FFFFFF;
}

#footer{
    clear: both;
    width: 780px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/blend2%20copy.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #FFFFFF;
}

.contbox{
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.gallerythumbnails{
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    overflow: auto;
    height: 216px;
}

.producttopbox{
    padding: 0px;
    background-color: #ffffff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right:  1px solid #ccc;
    z-index: 20;
}.productbottombox{
    padding: 0px;
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    z-index: 20;
}
#login1 {
    position:absolute;
    left:744px;
    top:112px;
    width:199px;
    height:31px;
    z-index:2;
}
#login2 {
    position:absolute;
    left:777px;
    top:14px;
    width:194px;
    height:27px;
    z-index:2;
}
#header2 {
    position:absolute;
    left:797px;
    top:6px;
    width:185px;
    height:33px;
    z-index:2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    background-image: url(../images/sectionheader.jpg);
}
.sectionheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    font-style: oblique;
    text-align: center;
    background-image: url(../images/sectionheader.jpg);
}
#inputSearch { float: left; margin: 0px 10px 0px 0px; padding: 2px 0px 0px 3px; width: 125px; height: 16px; background-color: #002470; border: 1px solid #004f96; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5188d9; }

#btnSearch {
    float: left;
    background-color: #006600;
 }
#centerrightbar {
    float: left;
    width: 580px;
    padding: 10px;
    background: #fff;
}
.vendorlist {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    height: 613px;
    overflow: scroll;
}
#faq_questions {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height: 260px;
    z-index:100
}
#faq_answers {
    position:relative;
    left:0px;
    top:10px;
    width:100%;
}
ul {
  width:100%;
  list-style-type:none;
  list-style:none;
  margin:0px;
  padding:0px;
}
li {
    float: left;
    width: 50%;
    height: 45px;
    list-style-type:none;
    list-style:none;
}
.emaildiv {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    border: 1px;
    padding: 4px;
}
#HH {
    position:relative;
    background-color="#035302";
    z-index:100;
    text-decoration: none;
    border-style: none;
    border: 0px;
    text-align: center;
}