/***** history container ******/

#history-container{
	float:left;
	width:100%;
}
#history-container ul.org{
margin-left:-.5em;
float:left;
margin-bottom:0;

}
div.brands-con-img{
background-color:#f9f9f9;
}
img.brand{
float:right;
}
.fixHeight{
height:10.3em;
#height:10.7em;
}
.fixHeight p{
margin:0;
padding:0;
}
div.fixHeight div.history-left-cont-full ul.org{
margin:0;
padding:0 0 0 .5em;
}
.fixHeight img{
margin:0 2em;
border:solid 1px #eeeeee;
width:10.82em;
}
div.sidespace{
padding:1em 0em;
}
/***** top tabs ******/
#hsbody ul#hsitory-tabs-corpotate ,
#hsbody ul#hsitory-tabs {
	font-weight:bold;
	color:#000;
	font-size:1.17em;
	background: #eeeeee;
	clear:both;
}
#hsbody ul#hsitory-tabs-corpotate li,
#hsbody ul#hsitory-tabs li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	border: 1px solid #eeeeee;
}

#hsbody ul#hsitory-tabs li a{
	padding:9px 15px;
	background:#ec8000;
	float:left;
	color:#fff;
}
#hsbody ul#hsitory-tabs-corpotate li a{
	padding:9px 7px;
	background:#ec8000;
	float:left;
	color:#fff;
}
#hsbody ul#hsitory-tabs-corpotate li a:hover,
#hsbody ul#hsitory-tabs li a:hover{
	background:#dddada;
	color:#000;
	text-decoration:none;
}
#hsbody ul#hsitory-tabs-corpotate li a.selected,
#hsbody ul#hsitory-tabs li a.selected{
	background:#eeeeee;
	color:#000;
	text-decoration:none;
}
/***** left container ******/
#hsbody div.history-left-cont{
	float:left;
	width:71%;
}
#hsbody div.history-left-cont-full{
	float:none;
}

#hsbody div.history-left-cont-full p{
margin-left:1em;
}
#hsbody .history-left-cont p{
	margin:0;
	padding:0 40px 1.36em 0;
}

/***** right container ******/
#hsbody .history-right-cont{
	float:right;
}
#hsbody .history-right-cont img{
	float:none;
	width:14.64em; /*161px */
}
/***** history body ******/
#hsbody .history-bdy{
	float:left;
	border:solid 1px #f1f1f1;
	clear:both;
	width:100%;
		}
/***** top text header ******/

#hsbody .text-header{
	background:#eee;
	padding:13px 15px;
	font-weight:bold;
	
}
#hsbody div.history-left-cont-full div.text-header.notBold{
	font-weight:normal;
	background-color:#f9f9f9;
}
#hsbody .history-right-cont,
#hsbody .history-left-cont p{
padding:2em;
}
#hsbody div.history-left-cont-full div.text-header{
	background:#eee;
	padding:13px 12px;
	font-weight:bold;
}
.topMargin{
padding-top:1em;
}
.adjustMargin{
margin:1em 0 0 0;
padding:0;
}
.adjustMarginS{
margin:1em 0 0em 0;
padding:0;
font-weight:bold;
}
.unbold-txt{
font-weight:normal;
}

#hsbody div.history-bdy ul.blue{
margin:0em 0 2em 0;
padding:0;
}



/**** company History ****/
p.wid75{
width:75%;
}
#hsbody div.history{
background-color:#eaf3f9;
color:#003468;
font-weight:bold;
padding:0.91em 0 2em 0 ;
display:block;
height:100%;
height:auto!important;
min-height:10em;
width:100%;
margin-bottom:1.82em;
}
#hsbody div.history div.arrow{
height:10.36em;
float:left;
width:1.2em;
}
#hsbody div.history div.arrow img.left{
margin-left:0.18em;
}
#hsbody div.history div.arrow img.right{
margin-right:0.09em;
}
#hsbody div.history div.arrow img{
margin-top:5.18em;
width:1.09em;
}
#hsbody div.history div.inside{
margin:0.91em 0.45em 0px 1.6em;
_margin:0.91em 0.45em 0px .8em;
float:left;
width:95%;
height:9.45em;
background:url(../images/history-bg.gif) center repeat-x;
}
#hsbody div.history div.inside div.insideLeft{
float:left;
width:78%;
}
#hsbody div.history div.inside div#photo{
float:left;
margin-top:-5.45em;
#z-index:1;
#position:absolute;
}
#hsbody div.history div.inside div#photo img{
width:13.08em;
}
#hsbody div.history div.inside p span.left{
display:block;
width:40%;
float:left;
margin-top:-0.91em;
z-index:1;
position:relative;
}
#hsbody div.history div.inside p span.right{
display:block;
width:50%;
float:right;
text-align:right;
margin-top:-0.91em;
z-index:1;
position:relative;
margin-right:.5em;
}
#hsbody div.history div.inside div#thumb{
margin-top:1.82em;
margin-left:0.45em;
}
#hsbody div.history div.inside div#thumb img{
width:5em;
margin-top:0em;
}
#hsbody div.history table#thumb td.history_item img{
margin-top:.8em;
width:5em;
}
#hsbody div.history div.inside div#thumb span.border{
border-bottom:solid 5px #5f82a3;
}

.inside img{
	cursor:pointer;
}
#thumb .off {
	border: none;
}
#hsbody div.history table#thumb td.history_item img.on {
	border-bottom:solid 3px #5f82a3;
	width:5em;
	/*margin-bottom:0px;
	_border-bottom:solid 5px #5f82a3;*/
	

}
#hsbody div.history table#thumb td.history_item img{
}

#photo img.off{
	display: none;
}
#photo img {
	display: none;
}
#photo img.on {
	display: block;
}
#hsbody div.history div.inside div.insideLeft span.right span.off {
	display: none;
}
#hsbody div.history div.inside div.insideLeft span.right span.on {
	display: block !important;
}

/* --- scrollbar --- */

/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:48.3em; 
	height:8em; 
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
	width:95%;/*537px; */
	height:10%;/*11px;*/
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	/*border:1px solid blue;*/
  }

div#track { 
    position:absolute;
	left:12px; 
	top:0;
	display:block;
    width:96%;/*512px;*/
	#height:11em;/*11px; */
	background:#fff;
  }
div#dragBar {
    position:absolute; 
	left:1em;/*1px;*/
	top:1em;/*1px;*/
    width:20em;/*20px;*/ 
	#height:9em;/*9px; */
    background-color:#5D83A7;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
}