/* LEFT COLUMN--------------------------------------------------------------------- */
.box {margin:10px 0px; padding-bottom: 20px; border-bottom: solid 1px #e8e8e8; }


/* RIGHT COLUMN--------------------------------------------------------------------- */

.box_10 {margin:10px 0px;}

/* PANEL 588 grey--------------------------------------------------------------------- */

.panel_gr_t {background: url(../App_Themes/Haynet/images/brand/grey-top.gif) no-repeat top; width:588px; margin-bottom: 10px;}
.panel_gr_b {background: url(../App_Themes/Haynet/images/brand/grey-bot.gif) no-repeat bottom;}
.panel_gr_c {padding:20px 10px 20px 23px;}


/* PANEL 246 grey corners------------------------------------------------------------------ */

.panel_r_bi {background: url(../App_Themes/Haynet/images/brand/panel_r.jpg) no-repeat bottom; width:246px; margin-bottom:12px; overflow: hidden;}


/* PANEL 246 grey corners------------------------------------------------------------------ */

.panel_r_bb {margin:20px 12px; padding-bottom: 10px; border-bottom: solid 1px #e8e8e8; overflow: hidden;}

hr {height: 1px;background-color: #e8e8e8;color: #e8e8e8;border: none;}


/* PANEL BRANDS ------------------------------------------------------------------ */

.panel_220 {float: left; display: inline; overflow:hidden; width: 220px; margin: 4px 0px 10px 20px;} 

.panel_170 {float: left; display: inline; overflow:hidden; width: 170px; margin: 4px 0px 10px 10px;} 

/* DROP DOWNS - BOTTOM RED BORDER --------------------------------------------------------------------- */ 

.panel_b_red {background-image: url(../App_Themes/Haynet/images/brand/bar_red.jpg); background-position: bottom; background-repeat:repeat-x; PADDING-BOTTOM: 30px; width: 148px; margin-bottom: 10px;}

/* DROP DOWNS - RIGHT BORDER --------------------------------------------------------------------- */ 

.panel_t_grey {background-image: url(../App_Themes/Haynet/images/brand/bar_grey.jpg); background-position: top; background-repeat:repeat-x; PADDING-top: 20px; width: 100%; margin-top: 20px;}
.panel_b_grey {background-image: url(../App_Themes/Haynet/images/brand/bar_b_grey.jpg); background-position: top; background-repeat:repeat-x; width: 100%; margin-top: 20px; height:30px;}
.panel_b2_grey {background-image: url(../App_Themes/Haynet/images/brand/bar_grey.jpg); background-position: bottom; background-repeat:repeat-x; width: 100%; margin-top: 20px; padding-bottom:20px;}


/* NEWS--------------------------------------------------------------------- */
.news-item  {margin-bottom:26px; margin-top:10px; clear:both;}
.news-item-top {text-transform:uppercase; color:#ed1c24;}
    
.redU {color: #ed1c24; text-transform:uppercase; font-size:90%;}  
 
.news-item-date {color: #666666; font-size:90%;}
.news-item h3 {margin:6px 4px 0px 0; padding:0; color:#180e5e; font-size:140%;}

h2.news-item {color:#180e5e; font-size:140%;}

.news-item img {border:solid #FFFFFF 1px; margin: 0px 6px 20px 0;} 
.newsa_right_img {float: right; margin-left: 10px; margin-top: 6px; margin-bottom:6px;}
    
.caption {color: #666666; text-transform:uppercase; font-size:90%; padding: 2px 0;}
    
    
/* HOME--------------------------------------------------------------------- */

#leftho {float: left; display: inline; width: 370px;} 
#rightho {float: right; display: inline; width: 370px; color: #666666;}

#lefthomap {float: left; display: inline; width: 200px;} 
#lefthomap DT {COLOR: #333333; font-size:110%;}
#lefthomap DL {margin-left: 0px;}
#righthomap {float: right; display: inline; width: 500px; color: #666666; margin-bottom:30px;}
#righthomap div {background-color: #ccc; margin-bottom: 5px;}

/* PANEL 370 grey corners---------------------------- */

.panel_ho_bi {background: url(../App_Themes/Haynet/images/brand/panel_ho.jpg) no-repeat bottom; width:370px; margin-bottom:10px; height: 100%; overflow: auto;} 
   
   
/* PANEL 746 HOME grey----------------------- */

.panel_gr_t_h {background: url(../App_Themes/Haynet/images/brand/grey-top_h.gif) no-repeat top; width:746px;}
.panel_gr_b_h {background: url(../App_Themes/Haynet/images/brand/grey-bot_h.gif) no-repeat bottom;}
.panel_gr_c_h {padding:45px 20px; margin-bottom: 20px;}

.right_img {float: right; border: solid 1px #180e5e; margin-left: 6px; margin-top: 6px; margin-bottom: 6px;}
    
.panel_ho_bi .right_img {float: right; border: solid 1px #180e5e; margin-left: 6px; margin-top: 4px; margin-bottom: 6px;}


/* PANEL 746 3 images----------------------- */

#brand_img_home {width: 746px; height: 70px; margin:4px 0 10px 0; padding:0;}

.img246 {width: 246px; height: 70px; float: left; font-size:0px; display:inline; padding:0; margin-right:4px;}

.img246r {width: 246px; height: 70px; float: right; font-size:0px; padding:0; display:inline;}


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

#rightho UL {margin: 0px 6px; padding: 0px 2px;}
#rightho li {font-size:12px; line-height: 14px; padding-right: 7px;	font-weight: normal; color: #180e5e; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px 6px; PADDING-TOP: 0px;}
#rightho UL LI {list-style-image:   url(../App_Themes/Haynet/images/brand/arrow.gif); font-weight: normal;}
#rightho LI a:link { text-decoration: none; font-weight: normal;}
#rightho LI a:visited {text-decoration: none; font-weight: normal;}
#rightho LI a:hover { text-decoration: underline; font-weight: normal;}


/* COMPANY - group board --------------------------------------------------------------------- */

.panel_group_grey {background-color: #ececec; overflow: auto; margin-bottom:20px; width: 100%;}

.panel_group_left {float: left; width: 170px; margin: 8px 10px 8px 0;}

.panel_img_yel {background-image: url(../App_Themes/Haynet/images/company/img_yel.jpg); background-position: top; background-repeat:repeat-x; width: 170px; height: 200px; margin: 8px 10px 8px 0; background-color: #ffb74b;}
.panel_img_yel_free {background-image: url(../App_Themes/Haynet/images/company/img_yel.jpg); background-position: top; background-repeat:repeat-x; width: 100%; height: 100px; margin: 0px 0 8px 0; background-color: #ffb74b;}
.panel_img_yel img {margin: 8px 24px;}
.panel_img_yel_free img {margin: 10px;}    
.panel_img_yel_freediv {width: 100%; margin: 0px 0 8px 0;}
.panel_img_yel_freedivright {float:right; margin: 10px 10px 0 0; background-color: #ececec; overflow: auto; width: 150px;}
.panel_img_yel_freedivleft {float:left;	height: 200px; background-image: url(../App_Themes/Haynet/images/company/img_yel.jpg); background-position: top; background-color: #ffb74b; background-repeat:repeat-x; width:140px;}
.panel_img_yel_freediv img {margin: 8px 8px;}    
    
.panel_group_right {float: left; margin: 8px 5px 8px 10px; width:350px;color: #666666;}
.panel_group_right h5 {font-size:110%; color: #333333; margin-bottom: 2px;}
.panel_group_right h6 {text-transform: uppercase;}

.bot_bar {height:26px; margin: 0; padding-top:8px; background:transparent url(../App_Themes/Haynet/images/brand/bot_bar.jpg) repeat-x bottom;}  
.bot_bar_office {height:26px; margin: -10px 0 0 0; background:transparent url(../App_Themes/Haynet/images/brand/bot_bar.jpg) repeat-x bottom;} 

.mag_bar_l {margin-left: 190px; padding-top: 4px;} 

* html .mag_bar_l {margin-left: 200px;}


/* COMPANY - group divisions--------------------------------------------------------------------- */

.panel_group_grey {background-color: #ececec; overflow: auto; margin-bottom:20px; width: 100%;}

.panel_division {width: 160px; margin: 8px 10px 10px 10px;}

.panel_img_grey {background-image: url(../App_Themes/Haynet/images/company/tv_box.jpg); background-position: top; background-repeat:repeat-x; width: 160px; height: 130px;}
.panel_img_grey img {margin: 8px 20px;}
    
.panel_div_tx {clear: both; margin: -14px 0px 8px 10px; color: #666666;font-weight: normal;line-height:normal;}
  
.panel_office {margin: 20px 0px 10px 10px;}
.panel_office_grey {margin: 20px 0px 10px 0px; background-color: #ececec; padding:8px;}


/* PANEL GOOGLE IMG----------------------- */

.google_panel {width: 220px;}

.left_img {float:left; margin-right: 6px; margin-top: 6px;}
    
.v_mid {vertical-align:middle; display: block; padding-bottom: 15px; text-transform: lowercase;}
 
 
/* PANEL GOOGLE IMG----------------------- */
 
#leftsub {margin-top: 10px; float: left; display: inline; width: 320px; margin-left:22px;} 
#rightsub {margin-top: 10px; float: left; display: inline; width: 320px; margin-left:58px;}
.subs {font-size: 120%; line-height: 120%;}
    
    
/* Homepage Gallery ---------------------- */

#container {display: none;}

.ad-gallery {width: 746px; height: 222px;}
.ad-gallery, .ad-gallery * {margin: 0; padding: 0;}

.ad-gallery .ad-image-wrapper {width: 100%; height: 170px; position: relative; overflow: hidden;}   
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute; z-index: 10; top: 48%; left: 48%;	border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;	right: 0; top: 0; width: 10%; height: 100%; cursor: pointer; display: block; z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;	left: 0; top: 0; width: 10%; height: 100%; cursor: pointer; display: block;	z-index: 100;}

.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
	/* Or else IE will hide it */
	background: url(non-existing.jpg)\9
}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/homepage/ad_prev.png); width: 30px;	height: 30px; display: none; position: absolute; top: 40%; left: 0;	z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/homepage/ad_next.png);	width: 30px; height: 30px; right: 0; left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image a img {border: 0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../images/homepage/opa75.png); color: #000; display: none;}

* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}

.ad-gallery .ad-controls {height: 20px;}

.ad-gallery .ad-info {float: left;}

.ad-gallery .ad-slideshow-controls {float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px; cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px; font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default; font-style: italic;}

.ad-gallery .ad-nav {width: 100%; position: relative; background: url(../images/homepage/ad-nav-bg.jpg) no-repeat; height: 52px; padding-top: 11px;}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute; top: -4px; height: 100%;	z-index: 10;}

/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
	height: 100px;
}

.ad-gallery .ad-back {cursor: pointer; width: 13px; display: block; left: 10px;	background: url(../images/homepage/ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward {cursor: pointer; display: block; width: 13px; right: 10px; background: url(../images/homepage/ad_scroll_forward.png) 0px 22px no-repeat;}

.ad-gallery .ad-nav .ad-thumbs {overflow: hidden; width: 675px; margin: 0 auto;}

.ad-gallery .ad-thumbs .ad-thumb-list {float: left; width: 9000px; list-style: none;}
.ad-gallery .ad-thumbs li {float: left; padding-right: 5px;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img {border: 1px solid #CCC; display: block;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 1px solid #616161;}
.ad-gallery .ad-thumbs li.intro a.ad-active img {display: none!important;}
.ad-gallery .ad-thumbs li.intro a img {display: none!important;}

/* Can't do display none, since Opera won't load the images then */
.ad-preloads {position: absolute; left: -9000px; top: -9000px;}


/* Tooltip ---------------------*/

.tip-simple {
	z-index:1000;
	text-align:left;
	border:1px solid #000;
	padding:4px 6px;
	min-width:40px;
	max-width:300px;
	color:#000;
	background-color:#fff;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-simple .tip-inner {
	font-size: 80%;
	text-align: center;
}

.tip-simple .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:6px;
	background:url(../images/homepage/tip-simple_arrows.gif) no-repeat -18px 0;
}