/*
 Hi-Tech Seals CSS
 version 1
 created DEC 9 2008 
 Does anyone ever read these?
 please say hi if you do.	  
*/


/*------------=============== This is main css for the site ==============-----------------------*/ 
* { padding: 0; margin: 0; }

A:link {text-decoration: none} A:visited {text-decoration: none}
A:active {text-decoration: none}

a.web:link {color:#006a8B; text-decoration: none}
a.web:visited {color:#C75B00; text-decoration:none;}
a.web:hover {color:#C71500; text-decoration:underline;}


a.webside:link {color:#006a8B; text-decoration: none}
a.webside:visited {color:#C75B00; text-decoration:none;}
a.webside:hover {color:#0033ff; text-decoration:underline;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(../images/bg1.gif);  /* the background image */
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 
 background-image: url(../images/mainbg.gif) ;
 background-repeat: repeat;

 
}
#header {
 color: #222;
 width: 910px;
 float: left;
 padding:5px;
 border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 height:101px;
 margin: 0px 0px 0px 0px; /*top right bottom left */
 background-color:white;
 z-index:2;
}
#headerleft {
height: 100px;
float: left;
width: 400px;
z-index:2;
}
.headerright {
/*height: 100;*/
text-align:right;
z-index:2;
}
#holder{
padding:25px;
}
#pad25{
padding:25px;
}
#centerholder{
padding:25px;
text-align:center;
}
#leftcontent { 
 color: #333;

 background-color:#0191C5;
/* background-color:#bac9cc;*/

;
 margin: 0px 0px 0px 0px;  /*top right bottom left */
position:relative; top:-13px;
 
 width: 219px;
 float: left;
 z-index:0;

 }
#content { 
 float: right;
 color: #333;
 border-right: 1px solid #ccc;

 margin: 0px 0px 0px 0px;  /*top right bottom left */

 height: 100%;
 width: 700px;
 
 
}
#footer { 
 width: 902px;
 clear: both;
 color: #111;
 
 background: #0191C5;
 margin: 0px 0px 0px 0px;  /*top right bottom left */
 padding: 10px;
}

#MySpamTrap {display:none;}

.bb_fade {
background-image:url(../images/fade_bar_navy_white.jpg);
 color:#FFFFFF;
}
.bb_fade2 {
background-image:url(../images/fade_bar_navy_white2.jpg);
 color:#FFFFFF;
}

p.left{
float: left;
}

p.right{
float: right;
}
.hts_bullet{
list-style-image: url(../images/htsbullet.gif);

}
.indent10{
padding-left:30px;
}
/* title for products page */
 p.title {
	font-size: 16px;
	font-weight: 700;
	color: #0099cc; 
	
 }
  
 .plain {
 font-family: Arial ,Helvetica, sans-serif,Geneva, ;
 font-size:15px;
 text-align:justify;
 }
.plaincenter {
 font-family: Arial ,Helvetica, sans-serif,Geneva, ;
 font-size:15px;
 margin-left:auto;
 margin-right:auto;
 
 }
.boldcenter{
 font-family: Arial ,Helvetica, sans-serif,Geneva, ;
 font-size:15px;
  margin-left:auto;
 margin-right:auto;
 font-weight:700;
}
.boldright{
font-weight:700;
text-align:right;
} 
.hbullet15 {
list-style-image:url(../images/arrow-bullet-right.gif); 
padding:15px;
font-family: Arial ,Helvetica, sans-serif,Geneva, ;
 font-size:15px;
}
.whitetext{
color:white;
}
.left {text-align:left;}
.floatleft{float:left;}
.right{text-align:right;}
.center{text-align:center;}
.red{color:#FF0000;}
.note7{font-size:7pt; font-weight:600;}
.small7{font-size:9pt; font-weight:lighter;}
.smalltitle{font-size:7pt; padding:5px; font-weight:600;}
.pad5{padding:5px;}
.dyk{ background-color:#bac9cc ; padding-top:14px; padding-left:14px;  border-top:thin; border-color:#FD0101; position:relative; top:5px; border-left:solid 1px; border-left-color:#999999;}
.sidegrey{ background-color:#bac9cc ;}
.whoswho {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
}
img.makecenter {
   display:block;
   margin-left:auto;
   margin-right:auto;
}
.titlepos {
position:relative; 
margin-left:-2px;
margin-top:-13px;
}

.noborder {
  border: 0;
}

.noborder-center {
border:0;
   margin-left:auto;
   margin-right:auto;

}
/*------------=============== This is for the product description page ==============-----------------------*/ 
#productpage { 
color:#aa7733;
 margin: 0 auto;
 width: 670px;
 background-color: white;
 padding:8px;
 border-bottom: 2px solid black;
 border-right: 2px solid black;
 border-top: 1px solid gray;
 border-left: 1px solid gray;
 }
 #productpic { 
 color: red;
 background:white;
 margin: 0px 0px 0px 0px;  /*top right bottom left */
 padding: 0px;
 height: 250px;
 width: 250px;
 float: left;
 z-index:0;
 
}
#productinfo { 
 float: right;
 color: black;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;  /*top right bottom left */
 padding: 8px;
 
 width: 400px;
 display: inline;
 
}
#productdescription { 
 
 clear: both;
 color: black;
 border-top: 1px solid gray;
 border-left: 1px solid gray;
 border-right: 2px solid black;
 border-bottom: 2px solid black;
 background: beige;
 margin: 5px 0px 10px 0px;  /*top right bottom left */
 padding: 10px;
 }


 /*------------=============== This is the end of the products description page ==============-----------------------*/ 


/*------------=============== This is the menu for the products tab ==============-----------------------*/ 
.glossymenu{
margin: 0px 0;
padding: 10px;;
width: 170px; /*width of menu*/
border-bottom-width: 0;
z-index:-1;
}

.glossymenu a.menuitem{

font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:white; /*changes colour in ie of menu header items*/
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;     /* padding around letters in the menu cell */
padding-left: 10px;
text-decoration: none;
z-index:0;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
color: white;}/*colour of active menu */


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 6px;
left: -7px;
border: none;
       <!--[if ie 6]>
	  
		
		.glossymenu a.menuitem .statusicon{ 
        position: relative;
     

        }
		
		<![endif]-->
}

.glossymenu a.menuitem:hover{
color:black; /*  hover over image*/

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;

}

.glossymenu div.submenu ul li{
border-left: 2px solid black;


}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #003377; /* color of text in menu */
text-decoration: none;
padding: 2px 0;
padding-left: 10px;

}

.glossymenu div.submenu ul li a:hover{   /*color of bacground when hovered over and the color of the lettering */
background: #99ddff;
color: black;   

}
/*------------=============== end of the menu for the products tab ==============-----------------------*/