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

#topbnbox {
	padding: 0 0 1.0em 5px;
}
#topbnbox ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#topbnbox ul li {
	width:185px;
	height:55px;
	float: left;
	list-style-type:none;
	margin: 0 0 0.8em;
}
#topbnbox ul li.End {
	margin:0 0 0;
}


#topbnbox ul li a {
	width:185px; height:55px; display:block; float: left;
	/* line-height: 65px; */
	line-height:1.4em;
	text-decoration: none;
}
#cl {
	clear:both;
}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}

/* HTML from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */



/* Bunner */
#bn_accessary {
	display:block; width:185px; height:55px;
	background:url(../bunner/topbn_accessary.gif) left top no-repeat;
}
#topbn_aelise {
	display:block;
	width:185px;
	height:55px;
	background:url(../bunner/topbn_aelise.gif) left top no-repeat;
	border-left:solid 1px #E6E6E6;
}
#topbn_6_6 {
	display:block;
	width:185px;
	height:55px;
	background:url(../bunner/topbn_6_6.gif) left top no-repeat;
	border-left:solid 1px #E6E6E6;
}


/* Tooltip */
/*
#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:12px;
	color:#333333;
	width:322px;
	
}
#tooltip .tipHeader {
	height:20px;
	background:url(../img/tiphd.gif) no-repeat;
}
#tooltip .tipBody {
	background:url(../img/tipbd.gif) repeat-y;
	padding:0.5em 1.5em;
}
#tooltip .tipFooter {
	height:10px;
	background:url(../img/tiptl.gif) no-repeat;
}
*/

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	/*
	padding-right: 20px;
	background: transparent url(images/help.gif) no-repeat right;
	color: #3366FF;
	cursor: help; 
	position: relative;
*/


	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:12px;
	line-height:1.4em;
	color:#333333;
	width:322px;

}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 322px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #333;
		font-size:12px;
		line-height:1.4em;
	}
	
		.toolTipTop { /* Top section of the tooltip */
			width: 322px;
			height: 20px;
			background: transparent url(../img/tiphd.gif) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding:0.5em 1.5em;
			background: #A1D40A url(../img/tipbd.gif) repeat-y top;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 10px;
			background: transparent url(../img/tiptl.gif) no-repeat;
		}