html { 
font-family: Tahoma, Helvetica, sans-serif;
color: #333333;
font-size:75%;
background:transparent url(../App_Themes/Haynet/images/brand/top_bcg.jpg) repeat-x ;
} 


body {
text-align:center;
margin-top:0;
}
  

/* masthead--------------------------------------------------------------------- */

 #masthead {
width: 746px;
height: 100%;
margin: auto 10px;
}

#masthead_logo {
float:right;
margin:8px -8px 22px 0px;
display:inline;
}
* html #masthead_logo{margin:8px -8px 22px 0px;}


#masthead_search {
float:left;
padding:22px 0px 10px 10px;
display:inline;
}

#top_nav_h {
float:left;
margin:3px 10px 0px 10px;
display:inline;
color: #ed1c24;
width: 80px;
font-weight: bolder;
}

/* main content --------------------------------------------------------------------- */

#wrap { 
width: 746px;
overflow:auto;
clear:both;
margin: 1px 20px 1px 18px;
color: #333333;
background: #FFFFFF;
}
* html #wrap{margin:1px 18px;}

#content{ 
float: left; 
display: inline; 
width: 320px;  
margin: 4px 22px 10px 0px;
line-height: 140%;
height: 100%; 
}

#content_500{ 
float: left; 
display: inline; 
width: 500px;  
margin: 4px 22px 10px 0px;
line-height: 140%;
height: 100%; 
}

 
#leftcol { 
float: left; 
display: inline; 
width: 148px; 
margin: 4px 10px 10px 0px;
} 


#rightcol { 
float: right; 
display: inline; 
width: 246px;
height: 100%;
margin: 4px 0px 10px 0px;
color: #666666;
}

#rightcol_img { 
float: right; 
display: inline; 
width: 246px;
height: 100%;
margin: 4px 0px 300px 0px;
color: #999999;
}

#rightcol img{ 
margin: 2px 0;
font-size:0;
}


#twocol { 
float: right; 
display: inline;
width: 588px; 
position:relative;
}


.img_b_r { margin:0; position:absolute; bottom:0; right:0; width: 230px }


 #top_bar {
width: 746px;
height: 70px;
margin: 2px auto;
padding: 0;
background:transparent url(../App_Themes/Haynet/images/brand/top_bar.jpg) repeat-x bottom;
position:relative;
}

/* top nav --------------------------------------------------------------------- */

#top_nav
{
width: 736px;
height:22px;
background-color:#f3f3f3;
margin: 0 0px 0px 8px;
padding: 8px 10px 1px 0px;
background:transparent url(../App_Themes/Haynet/images/brand/top_nav.jpg) repeat-x bottom;
}



#prev_next {text-align: center;}

/* E top nav --------------------------------------------------------------------- */


/* links --------------------------------------------------------------------- */

a:link {color: #180e5e; font-size:100%; font-weight: bold; text-decoration: none;}
a:visited {color: #180e5e; font-size:100%; font-weight: bold; text-decoration: none;}
a:hover { color: #180e5e; font-weight: bold; text-decoration: underline;}

#footer a:link {color: #FFFFFF; font-size:100%;text-decoration: none;}
#footer a:visited {color:#FFFFFF; font-size:100%; text-decoration: none;}
#footer a:hover { color: #FFFFFF; font-size:100%;text-decoration: underline;}

#twocol a:link {color: #180e5e; font-size:100%; font-weight: bold; text-decoration: none;}
#twocol a:visited {color: #180e5e; font-size:100%; font-weight: bold; text-decoration: none;}
#twocol a:hover { color: #ffffff;  background-color:#180e5e; font-size:100%; font-weight: bold; text-decoration: none;}

a.arrow:link {PADDING-LEFT: 15px; BACKGROUND: url(../App_Themes/Haynet/images/icons/arrow.gif) no-repeat 0px 2px; COLOR: #180e5e; font-weight:bold; TEXT-DECORATION: none}
a.arrow:visited {PADDING-LEFT: 15px; BACKGROUND: url(../App_Themes/Haynet/images/icons/arrow.gif) no-repeat 0px 2px; COLOR: #180e5e; font-weight:bold; TEXT-DECORATION: none}
a.arrow:hover {PADDING-LEFT: 15px; BACKGROUND: url(../App_Themes/Haynet/images/icons/arrow.gif) no-repeat 0px 2px; background-color:#ffffff; COLOR: #180e5e; font-weight:bold; TEXT-DECORATION: underline; background-color: #e7e7e7;}

#rightho a:link {color: #180e5e; font-size:100%; font-weight: bold; text-decoration: none;}
#rightho a:visited {color: #180e5e; font-size:100%; font-weight: bold; text-decoration: none;}
#rightho a:hover { color: #ffffff;  background-color:#180e5e; font-size:100%; font-weight: bold; text-decoration: none;}

#twocol a.arrowlist:link {PADDING: 1px 4px; margin-right: 8px;  COLOR: #180e5e; font-weight:normal; text-decoration: none; }
#twocol a.arrowlist:visited {PADDING: 1px 4px;  margin-right: 8px; COLOR: #180e5e; font-weight:normal; TEXT-DECORATION: none; }
#twocol a.arrowlist:hover {PADDING: 1px 4px;  margin-right: 8px; COLOR: #180e5e;  font-weight:normal; TEXT-DECORATION: underline; background-color: #e7e7e7;}

a.arrowlist:link {PADDING: 1px 4px; margin-right: 8px;  COLOR: #180e5e; font-weight:normal; font-size:90%; text-decoration: none; }
a.arrowlist:visited {PADDING: 1px 4px;  margin-right: 8px; COLOR: #180e5e; font-weight:normal; font-size:90%; TEXT-DECORATION: none; }
a.arrowlist:hover {PADDING: 1px 4px;  margin-right: 8px; COLOR: #180e5e;  font-weight:normal; font-size:90%; TEXT-DECORATION: underline; background-color: #e7e7e7;}

#brands_l a.nor:link {font-weight: 100;TEXT-DECORATION: none; }
#brands_l a.nor:visited {font-weight: 100;TEXT-DECORATION: none; }
#brands_l a.nor:hover {font-weight: 100; TEXT-DECORATION: none;}

#twocol .no_ar a:link {color: #180e5e; font-size:100%; font-weight: 100; text-decoration: none;}
#twocol .no_ar a:visited {color: #180e5e; font-size:100%; font-weight: 100; text-decoration: none;}
#twocol .no_ar a:hover { color: #180e5e;  background-color: #e7e7e7; font-size:100%; font-weight: 100; text-decoration: none;}


#twocol .lite_dd a:link {color: #180e5e; font-size:100%; font-weight: 100; text-decoration: none;}
#twocol .lite_dd a:visited {color: #180e5e; font-size:100%; font-weight: 100; text-decoration: none;}
#twocol .lite_dd a:hover { color: #180e5e;  background-color: #e7e7e7; font-size:100%; font-weight: 100; text-decoration: none;}


#twocol a.trans:hover { text-decoration: none; background-color:transparent;}

#sub a:link {color: #180e5e; font-weight: 100; font-size:100%;text-decoration: none;}
#sub a:visited {color: #180e5e;font-weight: 100; font-size:100%;text-decoration: none;}
#sub a:hover { color: #ffffff; font-weight: 100; background-color:#180e5e; font-size:100%;text-decoration: none;}


/* padding and margins --------------------------------------------------------------------- */
   
.pad20
{
  padding:20px;  
    }
	
	.pad10
{
  padding:10px;  
    }
	
	
.mag10
{
  margin-left:10px; 
  margin-top:18px; 
    }
		
.mag10_l
{
  margin-left:10px;  
    }
	
.mag20_r
{
  margin-right:10px;  
    }

.mag20
{
  margin:10px;  
    }
    
    
  .mag10_b
{
  margin-bottom:10px;  
    }
    
      .mag20_t
{
  margin-top:20px;  
    }
    
          .mag16_t
{
  margin-top:16px;  
    }
    
    
          .mag10_t
{
  margin-top:10px;  
    }
    
         .mag8_t
{
  margin-top:8px;  
    }
    
          .mag4_t
{
  margin-top:4px; 
    }
    
              .pad8_t
{
  padding-top:8px; 
    }
    
          .mag20_b
{
  margin-bottom:20px;  
    }
    
    
          .mag30_t
{
  margin-top:30px;  
    }
    

    
          .mag30_b
{
  margin-bottom:30px;  
    }
    
          .mag20_l
{
  margin-left:20px;  
    }
    
              .mag50_l
{
  margin-left:50px;  
    }
    
    .mag20a
{
  margin:20px;  
    }
	
.mag12
{
  margin:12px;  
    }
    

	
.mag3_b
{
  margin-bottom:3px;  
    }
   
   
   	.mag3_r
{
  margin-right:3px;  
    } 
	
	.mag2_r
{
  margin-right:2px;  
    }

	.mag2_l
{
  margin-left:2px;  
    }
	
		.mag2_t
{
  margin-top:2px;  
    }
    
       	.mag4_r
{
  margin-right:4px;  
    }
           	.mag4_l
{
  margin-left:4px;  
    }
    .mag8_b
{
  margin-bottom:8px;  
    }
    
        .pad8_l
{
  padding-left:8px;  
    }
    
            .pad10_b
{
  padding-bottom:10px;  
    }
    
         	.magr_90
{
  margin-right:90px;  
    } 
             	.magr_30
{
  margin-right:30px;  
    }
     
    
.magr_10
{
  margin-right:10px;  
    } 
    
    	.mag8_r
{
  margin-right:8px;  
    }
    
        	.mag16_r
{
  margin-right:16px;  
    }
    
.line_140
{
  line-height: 140%;
    }
    
    .mag500 
    {
  width: 500px;
  margin:16px 0 20px 0; 
  padding-bottom:20px; 
    }
    
     .mag560 
    {
  width: 560px;
  margin:16px 0 20px 0; 
  padding-bottom:20px; 
    }

 .mag300 
    {
  width: 300px;
  margin:40px; 
  padding-bottom:20px; 
  text-align: center;
    }
/* footer --------------------------------------------------------------------- */


#linkbar
{
clear:both;
font-size:80%;
height:24px;
background-color:#f3f3f3;
margin: 50px 18px 4px 18px;
padding: 8px 10px 0px 10px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
}

#linkbar .addthis{width:125;height:16px;margin-left:-260px;margin-top:-14px;}

* html #linkbar
{
    width: 746px;
    margin:50px 10px 1px 60px;}

#linkbar a 
{
    margin-right: 16px;
    }
    #linkbar img 
{
    margin-right: 4px;
    }

#footer
{
clear:both;
font-size:80%;
height:24px;
background-color:#999999;
margin: 4px 18px 0px 18px;
padding: 8px 10px 0px 10px;
font-weight:bold;
color:#FFFFFF;
}

* html #footer{margin:1px 18px;}



/* side panels bottom links --------------------------------------------------------------------- */



img 
{
    border:0;
    }
	
.right
{
    float: right;
   
    }
    
    .right_in
{
    float: right;
    display: inline;
    margin-top: -20px;
    font-size: 11px;
    margin-left:12px;
    }
	
.left
{
    float: left;   
    }

.clear
{    clear: both; 
   
    }
   
	
/* external border */

.global_br {
 width:802px;
 margin:0px auto 50px auto;
 background-color: #FFFFFF;
}

.global_br .hd .c,
.global_br .ft2 .cf {
 font-size:1px; /* ensure minimum height */
 height:17px;
  overflow: auto;
}

.global_br .ft2 .cf {
 height:17px;
  overflow: auto;
}


.global_br .in {
 background:transparent url(../App_Themes/Haynet/images/brand/ml.jpg) repeat-y 0px 0px;
}

.global_br .in2 {
 background:transparent url(../App_Themes/Haynet/images/brand/top_l_314.jpg) no-repeat left 0px;
}

.global_br .in .c {
   background:transparent url(../App_Themes/Haynet/images/brand/mr.jpg) repeat-y right 0px;
   TEXT-ALIGN: left;
}
.global_br .in .c2 {
   background: url(../App_Themes/Haynet/images/brand/top_r_314.jpg) no-repeat right 0px;
 }

.global_br .in .c .s {
 margin:0px 10px 0px 10px;
  background:#ffffff url() repeat-x 0px 0px;
}

.global_br .ft2 {
 background:transparent url(../App_Themes/Haynet/images/brand/bl.jpg) no-repeat 0px 0px;
 background-position:bottom left;
   overflow: auto;
}

.global_br .ft2 .cf {
 background:transparent url(../App_Themes/Haynet/images/brand/br.jpg) no-repeat right 0px;
   overflow: auto;
   height:25px;
}


/* content-specific */



/* lists --------------------------------------------------------------------- */

li {
	 font-size:100%;	
	line-height: 130%;
	padding-right: 7px;
	padding-bottom: 7px;
	margin-bottom:7px;
	font-weight: bold;
	list-style-image:   url(../App_Themes/Haynet/images/brand/arrow.gif);	
}

UL LI.li {
       	list-style-image:   url(../App_Themes/Haynet/brand/icons/arrow.gif);	
}

UL LI {
       	list-style-image:   url(../App_Themes/Haynet/brand/icons/arrow.gif);	
}


li.sol {
	 font-size:100%;	
	line-height: 130%;
	padding-right: 7px;
	padding-bottom: 7px;
	margin-bottom:7px;
	font-weight: bold;
	list-style-image:   url(../App_Themes/Haynet/images/brand/arrow.gif);	
}


UL LI {
       	list-style-image:   url(../App_Themes/Haynet/brand/icons/arrow.gif);	
}



/*table -----------------------------------------------------*/


.TableGrey {
line-height: 140%;
	background-color: #e7e7e7;	
	padding: 2px 5px 2px 20px;
	font-size: 90%;
	font-weight:bold;		
}

.TableGrey td{
line-height: 140%;
	background-color: #e7e7e7;	
	padding: 2px 5px 2px 20px;		
}


.T_grey{
line-height: 140%;
	background-color: #e7e7e7;	
	padding: 2px 5px 2px 20px;
	font-size: 90%;
	font-weight:bold;		
}

.T_grey td{
line-height: 140%;
	background-color: #e7e7e7;	
	padding: 2px 5px 2px 20px;		
}

.greyrow {
 line-height: 140%;
	background-color: #f0f0f0;	
	padding: 4px;
	margin-bottom:4px;		
}

.greyrow td {
 line-height: 140%;
	background-color: #f0f0f0;	
	padding: 4px;
	margin-bottom:4px;
	vertical-align: top;
	border-bottom: 10px #fff solid;		
}


greyrow1
{
 line-height: 140%;
	background-color: #e7e7e7;	
	padding: 2px;		
}

.greyrow1 td {
 line-height: 140%;
	background-color: #e7e7e7;	
	padding: 2px;
	margin-bottom:2px;
	vertical-align: top;
	border-bottom: 1px #fff solid;
	font-weight: bold;		
}

.greyrow2 {
 line-height: 140%;
	background-color: #f0f0f0;	
	padding: 2px 0;		
}




.wh {
line-height: 140%;
	background-color: #ffffff;	
	padding: 2px 5px 1px 5px;
	font-weight:normal;
}


.TableWhite {
 line-height: 90%;
	padding: 1px 4px;
	font-size: 90%;
	margin-top: -20px;		
}


.b_grey{
	background-color: #e7e7e7;	
	font-weight:normal;		
}


.TableBlue {
line-height: 140%;
	background-color: #dfeef3;	
	padding: 6px;
	text-transform: uppercase;
	color: #6c6c6c;
	margin-bottom:10px;		
}

.TableBlue td{
  line-height: 120%;
	background-color: #dfeef3;	
	padding: 2px 5px 2px 10px;
	text-transform: uppercase;
	color: #6c6c6c;		
}

.access {
line-height: 140%;	
	padding: 6px;	
	margin-bottom:10px;		
}

.access td{
  line-height: 140%;	
	padding: 2px 5px 2px 10px;		
}

/* icons --------------------------------------------------------------------- */

#print
{
    clear: both;
    margin:70px 30px 5px 30px;
    float: right;
   
    }


/*----------------------------------------------------*/

  
  .field{ 
color: #FFFFFF;
   border:#003399 1px solid;
   background-color: #435e94;
   font-size:11px;
   }
   
     .search{ 
  background-color: #ffffff;
   color: #333333;
   border:#666666 1px solid;
   font-size:12px;
   }
   
   .input-box {
   background-color: #ffffff;
  font-size: 11px;
   color: #666666;
   border:#efefef 1px solid;

}


.button 
{
	background-color:#DC0600;
	color:White;
	font-weight:bold;
	border:none;
	padding:1px 5px;
	border-color:#FF6D69 #8E0400 #8E0400 #FF6D69;
	border-width:2px;
	border-style:solid;
	margin-right:10px;
	font-size:10px;	
}


.buttonGreen 
{
	background-color:#019601;
	color:White;
	font-weight:bold;
	border:none;
	padding:2px 5px;
	border-color:#019601 #666666 #666666 #019601;
	border-width:2px;
	border-style:solid;
	margin-right:10px;
	font-size:11px;
	float:left;
	
}

.button:hover
{
	color:#FBD390;
}
.button:active
{

	border-color: #8E0400 #FF6D69 #FF6D69 #8E0400;
	padding:4px 3px 0px 7px;
}


.buttonSmall
{
	background-color:#DC0600;
	color:White;
	font-weight:bold;
	border:none;
	padding:1px 2px;
	border-color:#FF6D69 #8E0400 #8E0400 #FF6D69;
	border-width:1px;
	border-style:solid;
	margin-right:20px;
	margin-left:0px;
	float:left;
	font-size:11px;
}
.buttonSmall:hover
{
	color:#FBD390;
}
.buttonSmall:active
{

	border-color: #8E0400 #FF6D69 #FF6D69 #8E0400;
	padding:2px 1px 0px 3px;
}