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

body {
   margin: 0px;
   padding: 40px 0 0 0;
   font-family:Arial;
   background-color: #fff;
   }
#wrapper {
   margin: 0 auto;
   width: 787px;
   height: 580px;
   min-height: 580px;
   height: auto;
   background: url('images/bck.gif') repeat-y ;
   }
#header {
   float: left;
   width: 787px;
   height: 226px;
   margin: 0px;
   padding: 0px;
   background: url('images/header.jpg') ;
}
#details {
   float: right;
   margin: 16px 0px 0 0;
   color: #fff;
   font-size: 0.7em;
}
#details a{
   color: #fff;
   text-decoration: none;
   margin-right: 20px;
}
#details a:hover{
   text-decoration: underline;
}
.dotted {

   background: url('images/dotted.gif') repeat-y top left;
      border: 0px solid #FF0000;

   }
#topmenu {
   float: left;
   margin: 149px 0 0 13px;
   padding: 0px;
   width: 773px;
   height: 47px;
   border: 0px solid #000;
   }  
#topmenu ul{
   
   margin: 0px;
   padding: 0 15px 6px 0px;
   list-style: none;
}
#topmenu li{
   float: left;
   color: #f58b0e;
}
#topmenu a {
   float: left;
   border: none;
   display: block;
   text-decoration: none;
   padding: 0 15px 9px 15px;
   color: #f58b0e; 
   font-size: 12px;
   font-weight: bold;
   height: 27px;
   line-height: 22px;
    border: 0px solid #fff;
   } 
#topmenu a:hover {
   color: #fff;
    
    /*border-bottom: 2px solid #fff;*/
	
} 
#topmenu img {
   border: none;
 } 
 .edge {background:url('images/edge.gif') no-repeat; height: 27px; } 
#content {
   float: left;
   width: 775px;
   height: 360px;
   min-height: 360px;
   height: auto;
   margin: 0 0 0 8px;
   border: 0px solid blue;
   }
   
#innercontent {
      padding: 10px 17px 15px 15px;
	  font-size: 12px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  text-align: left;
	  color: #000066;	  
}
h1 {
   font-size: 16px;
   color: #990000;
   font-weight: bold;
   border-bottom: 0px solid #000;
   text-align:left;
   margin-bottom: 3px;
}
h2 {
   color: #003366;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: -4px;
   padding-bottom: 3px;
   /*background: url('images/dotted.gif') no-repeat bottom left;*/
}   
h4 {
	padding-top: 16px;
}
#footer {
   float: left;
   width: 787px;
   height: 66px;
   background: url('images/footer.gif') no-repeat ;
   margin: 0px;
   padding: 0px 0 0px 0;
   border: 0px solid red;
   }

#foot-inner {
   padding: 15px 20px 0 0;
   margin: 8px 0 0 0;
   font-size: 12px;
   color:#fff;
   font-weight: bold;
   }
#foot-inner a{
  color: #fff;
     }
#foot-inner a:hover{
text-decoration:none;
}
#logo {
   margin: 0 auto;
   width: 777px;
   font-size: 9px;
   padding: 0px 5px 0 0;

}
#logo img, #logo a{
   text-decoration:none;
   color:#666;
   border: none;
   padding: 0px 5px 0 0;

}
.left {
   float: left;
   width: 412px;
   margin: 0px 0 5px 0;
   padding: 0px;
   color: #000;
}
#right {
   float: right;
   width: 300px;
   margin: 0px;
   padding: 0 0 0 0px;
   color: #000;
}
.left img {
   margin: 0 0 5px 0;
}
.products {
   text-align: center; 
   margin-left: auto;
   margin-right: auto;
   width: 400px;
}
.pics {
   float: left;
   clear: left;
}
.picsdesc {
   clear: right;
   margin-top: 32px;
   padding-left: 80px;
}
#right img {
   margin: 0 0 10px 0;
   border: 1px solid #ccc;
}
#right ul html>#right ul{
   float: left;
   margin: 5px 0 15px 15px;
   padding: 0px;

}
.left ul{
   float: left;
    margin: 5px 0 15px 15px;
   padding: 0px;
  
}
.align {
   float: left;
   width: 220px;
}
.pos {
   margin-left: 25px;
}
.smallText {

font-size: 0.7em;
}
.dotline{
   background: url('images/dotline.gif') repeat-x;
   width: 418px;
   height: 4px;
   text-align: center;
   border: 0px solid green;
}
.photoright {
   float: right;
   margin: 0 10px 10px 10px;
   padding: 0px;
 }
 .borderbox { border: 1px solid #bdd0e9; padding: 5px; background-color:#e1eaf5;} 
  .borderboxblack { border: 1px solid #b0b0b0; padding: 5px; background-color:#ccc;} 
/*--------------------form-----------------*/

label { width: 10em; float: left; font-size:12px; }
label.error { float: left; color: red;  vertical-align: top; width: 70%; padding-left: 10em; font-size:12px;}
p { clear: both; }
.submit { margin: 0 0 10px 120px; position: relative; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
fieldset {margin-left: 0; width: 400px; text-align: left; float: left; border: 0px solid black; padding: 0px;}
#formtext{color: #000;}
textarea {border: 1px solid #ccc;}
input {border: 1px solid #ccc;}
form {border: none;}