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

/* reset */


a:link {
color: #00388f;
}

a:visited {
color: #0055a5;
}

.fl {float: left; margin: 10px;}
.flr {float: left; margin-right: 20px;}
.imageTop {vertical-align:top;}

#flashContent { width:100%; height:100%; }

img {border:0;}

h1 {
font-family:verdana, arial,helvetica,sans-serif;
    font-size:18px;
	/*font-variant: small-caps;*/
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	color: #00388f;
	}
	
h2 {
font-family:verdana, arial,helvetica,sans-serif;
    font-size:16px;
	/* font-variant: small-caps; */
	font-weight:bold;
	margin: 5px 0 10px 0px;
	color: #00388f;
	text-align: left;
	
	}
	
	#index-copy h2
	{
	margin-top: 5px;
	}
	
h2 a {
font-family:arial,helvetica,sans-serif;
    font-size:14px;
	font-weight:bold;
	font-style:italic;
	margin: 5px 0px 0px 0px;
	color: #0055a5;
	/* border-bottom: 2px solid #359466; */
	
	}
	
h3 {
font-family:arial,helvetica,sans-serif;
    font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-align: left;
	margin: 0px 10px 0px 10px;
	color: #000000;
	}
	
h4 {
font-family:verdana, arial,helvetica,sans-serif;
    font-size:13px;
	font-weight:bold;
	color: #00388f;
	margin-top: 0;	}
	
	#infoBanner h4 {margin-top: 5px;}
	
p { 
	font-family:arial, helvetica, sans-serif;
	font-size:13px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	line-height:140%;
	}
	
#textWrapper p { 
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	margin: 16px 0px 16px 0px;
	text-align: left;
	line-height:140%;
	}
	
p.sidebar { 
	font-family:Times, serif;
	font-size:14px;
	margin: 2px 0px 2px 0px;
	text-align: left;
	}
	
.ulcopy { 
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	margin: 10px 0px 10px 20px;
	text-align: left;
	line-height:140%;
	}
	
hr {border: 1px solid #00388f;}

iframe {border: 1px solid #00388f;}

.clr { clear: both; }
	
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
background-color: #fff;
background: transparent url(images/bckBodyColor2.jpg) repeat-x;
}

#container {
width: 980px;
height:auto;
background-color: #CCFF00;
background: transparent url(images/shadow.png) repeat-y;
text-align:center;
margin:0px auto 0px auto;
}

#wrapper {
float: left;
margin-left: 10px;
 }


#header {
width: 960px;
height: 120px;
text-align:left;
background: transparent url(images/header3.jpg) no-repeat left 0;
border-bottom: 2px solid #00388f;
}

#logo {
width: 276px;
height: 112px;
margin: 5px 0 0 5px;
float: left;
}

.product {
margin-left: 10px;
}


/* infoBanner */

#infoBanner
{
height: 50px;
width: 960px;
float: left;
text-align: center;

}

#addressBanner
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
text-align: center;
padding: 0px 0;
width: 960px;
float: left;
border-bottom: 1px solid #00388f;
background-color: #fff4d4;
}

#addressBanner p
{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight: bold;
text-align:center;
margin: 5px 0;
}

#addressBanner a.store
{

font-weight: bolder;
font-style: italic;

}

#addressBanner2
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
text-align: center;
padding: 0px 0;
width: 960px;
float: left;
border-bottom: 1px solid #00388f;
background-color: #dadafe;
}

#addressBanner2 p
{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight: bold;
text-align:center;
margin: 5px 0;
}

#addressBanner2 a.store
{

font-weight: bolder;
font-style: italic;

}

#dist-sidebar

{
width: 170px;
margin: 10px 20px 10px 0;
float: right;
text-align:center;
border-left: 1px solid #00388f;

}

#dist-sidebar img
{
margin: 5px 0;
}

/* left sidebar nav */

#left-nav-container
{

width: 160px;
height: auto;
float: left;
}
  
#left-nav {
z-index:1000;
margin:0px 0 10px 0px; /* this page only */
font-weight: bold;
float: left;
}

/* remove all the bullets, borders and padding from the default list styling */
#left-nav ul {
padding:0;
margin:0;
list-style-type:none;
width:160px;

}

/* position relative so that you can position the sub levels */
#left-nav li {
position:relative;
background: transparent url(images/goldGlint.png) repeat-y;
background-color: #D9D919;
height:auto;
/* border-left: 5px solid #000099; */
}

#left-nav li .special {background-color: #f2f21c;}

/* style the links */
#left-nav a, #left-nav a:visited {
display:block; 
text-decoration:none;
height:auto;
padding: 5px 5px 5px 10px;
width:145px;
border-top: 2px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
text-align: left;
color: #000;
}


/* style the link hover */
* html #left-nav a:hover {color:#fff; background:#949e7c;}

#left-nav :hover > a {
color:#000; 
background:#f2f21c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#left-nav ul ul {
visibility:hidden;
position:absolute;
top:0;
left:160px; 
}
/* make the second level visible when hover on first level list OR link */
#left-nav ul li:hover ul,
#left-nav ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#left-nav ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#left-nav ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#left-nav ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#left-nav ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
	
	#copyWrap
	{
	width: 800px;
	float: left;
	}
	
	#index-copy {
 	width: 590px;
 	float:left;
  	text-align:left;
	margin: 10px;
	/* border-right: 1px solid #00388f; */
  }
  
  #page-copy {
 	width: 800px;
 	float:left;
  	text-align:left;
  }
  
  #index-copy p.special
  {
  font-weight: bold;
  font-style:italic;
  }
  
  #slide
  {
  float: left;
  /*  position:relative; */
  border-top: 1px solid #00388f;
   border-bottom: 1px solid #00388f;
   width: 580px;
   height: 100px;
   margin-bottom: 10px;

   }
   
  
  #ann110
  {
  float: right;
  }
  
  #textWrapper {margin-top: 20px;}
  
  
  #copy ul { 
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	margin: 10px 0px 10px 20px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	line-height:140%;
	}
  
	
#leftbar {
width: 240px;
height: auto;
 	float:left;
	margin: 10px 0px 10px 0px;
  	text-align: left;
		border-top: 2px solid #00388f;

	}

#sidebar {
width: 240px;
 	float:right;
	margin: 10px 0px 10px 0px;
  	text-align: left;
	background-color: #9fb9e3;
	border-top: 2px solid #00388f;
		border-bottom: 2px solid #00388f;

	height:auto;
	}
	
	.sidebarPic {border: 1px solid #00388f;}
	
#sidebar ul {list-style-type:circle;}
	

  #footer
  {
width:960px;
float:left;
background-color: #ffffff;
text-align: center;
font-size: 14pt;
border-top: 2px solid #00388f;
padding-top: 10px;

  }
  
#footer a:link{color:#00388f;font-weight:bold;}
#footer a:visited{color:#00388f;font-weight:bold;}
#footer a:hover{color:#9883f2; font-weight:bold;}
#footer a:active{color:#9883f2;font-weight:bold;}
  
  
  #footer p
  {
  font-size: 14px;
  font-weight:bold;
  color:#00388f;
  text-align:center;
  /* vertical-align:middle; */

  } 
  
  #footer .kc {color:#00388f;font-weight:bold; font-size: 10pt; text-decoration:none;}
  
 #footer .kc a:link{color:#00388f;font-weight:bold; font-size: 10pt; text-decoration:none;}
 #footer .kc a:visited{color:#00388f;font-weight:bold; font-size: 10pt; text-decoration:none;}
 #footer .kc a:hover{color:#00388f; font-weight:bold; font-size: 10pt; text-decoration:none;}
 #footer .kc a:active{color:#00388f;font-weight:bold; font-size: 10pt; text-decoration:none;}
 
  
  /*************** Hath CSS for Tables ***************/
  
  
a.orderBtn {
   border-style: hidden;
   border-width: 0px;
   background: transparent url(Images/Hath_Store_btn1.jpg) no-repeat scroll 0% 50%;
   width: 260px;
   height: 37px;
   text-decoration: none;
   text-align: left;
   display: block;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 5px;
}
a.orderBtn:hover {
   background: transparent url(Images/Hath_Store_btn2.jpg) no-repeat scroll 0% 50%;
   display: block;
   width: 260px;
   height: 37px;
   text-decoration: none;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 5px;

}
a.orderBtn:click {
   background: transparent url(Images/Hath_Store_btn2.jpg) no-repeat scroll 0% 50%;
   display: block;
   width: 260px;
   height: 37px;
   text-decoration: none;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 5px;
}
  #scaffolding { border-style: solid;
    border-color: rgb(238, 221, 170);
    border-width: 1px 0pt 0pt;
    margin: 1em 0pt 0pt;
    background: white url(/images/header_bg.gif) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    height: 70px;
    }

  #scaffolding a { background: transparent url(/images/hdlogo_flip2.gif) no-repeat scroll 181px 0pt;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    text-decoration: none;
    text-indent: -999em;
    display: block;
    height: 70px;
    }

  #scaffolding a:hover { background-position: 181px -70px;
    }

  .padwhite { 
  padding: 10px 10px 10px 10px;
    font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
    }
	
	.padwhiteAlignTop { 
  vertical-align:top;
  padding: 10px 10px 10px 10px;
    font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
    }
	
	.padwhiteNoTopPad { padding: 0 10px 10px 10px;
    font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
    }

  .padwhitetop {
	padding: 10px 10px 10px 10px;
	border-top: #000099 1px solid;
    font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
    }

  .padwhitecenter { padding: 10px 10px 10px 10px;
    font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
}


.Greybar_BlueTop
{
background-color: silver;
text-align: center;
font-size: 10pt;
font-weight: bold;
margin: 0px;
margin-bottom: 4px;
padding-bottom: 5px;
padding-top: 5px;
border-top: #000099 1px solid;
}

.DkBluBkgrd
{
background-color: #000099;
text-align: center;
font-size: 10pt;
font-weight: bold;
color: white;
margin-bottom: 4px;
padding-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

.DkBluBkgrd p
{
text-align: left;
margin-left: 14px;
font-size: 14px;
font-weight: bold;
color: white;
vertical-align: middle;
}

.DkBluBkgrd p a
{
color: white;
Text-decoration:none;
}

.DkBluBkgrd p a:hover
{
color: white;
Text-decoration:underline;
}


.ColorBar 
  {
  border-style: solid;
    border-color: silver;
    border-width: 2px;
    margin-bottom: -2pt;
    padding: 5pt;
    background: #000099;
    font-weight: bold;
	color: white;
	height: 20px;
    }
	.LeftBottomBorder
	{
	font-size: 9pt;
	padding: 5pt;
	border-left: silver 2px solid;
	border-bottom: silver 2px solid;
	background-color: white;
	}

	.LeftRightBottomBorder
	{
    font-size: 9pt;
	padding: 5pt;
	border-left: silver 2px solid;
	border-right: silver 2px solid;
	border-bottom: silver 2px solid;
	background-color: white;
	}

	.RightBottomBorder
	{
    font-size: 9pt;
	padding: 5pt;
	border-right: silver 2px solid;
	border-bottom: silver 2px solid;
	background-color: white;
	}

.form_captions { padding: 10px 10px 10px 10px;
    font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	
    }

	.padwhiteleft {
	padding: 10px 10px 10px 10px;
	border-left: #000099 1px solid;
    font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;}

	#old
	{ margin: 0pt;
    background: transparent url(Images/hathawayold.jpg) no-repeat scroll center top;}
	#new
	{ margin: 0pt;
    background: transparent url(Images/hathawaynew.jpg) no-repeat scroll center top;}

	a.rollover1 {
  border-style: hidden;
  border-width: 0px;
  background: transparent url(Images/storeButton2.png) no-repeat scroll 0 0;
  width: 175px;
  height: 35px;
  float: right;
  text-decoration: none;
  text-align: left;
  display: block;
 margin: 10px 10px 0 0;
}
a.rollover1:hover {
  background: transparent url(Images/storeButton2.png) no-repeat scroll 0 -35px;
  display: block;
  width: 175px;
  height: 35px;
  float: right;
  text-decoration: none;
  margin: 10px 10px 0 0;
  

}
a.rollover1:click {
  background: transparent url(Images/storeButton2.png) no-repeat scroll 0% 0%;
  display: block;
  width: 175px;
  height: -35px;
  float: right;
  text-decoration: none;
  margin: 10px 10px 0 0;
}

	a.rollover2 {
  border-style: hidden;
  border-width: 0px;
  background: transparent url(Images/promobutton.jpg) no-repeat scroll 0 0;
  width: 270px;
  height: 44px;
  float: right;
  text-decoration: none;
  text-align: left;
  display: block;
  margin: 10px 10px 0 0;

}
a.rollover2:hover {
  background: transparent url(Images/promobutton.jpg) no-repeat scroll 0 -44px;
  display: block;
  width: 270px;
  height: 44px;
  text-decoration: none;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 5px;

}
a.rollover2:click {
  background: transparent url(Images/promobutton.jpg) no-repeat scroll 0% 0%;
  display: block;
  width: 270px;
  height: -44px;
  text-decoration: none;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 5px;
}