/*//////////////////////////////////////////////
////  Style Footer
//////////////////////////////////////////////*/


div#socialcommerce{
	clear: both;
	width: 948px;
	margin: 0px 0px 0px 21px;
	
  /*background: url(addon/footer/bg_cntcontainer.gif) repeat-y left top transparent;*/
}


  #footer-X {
    height: 37px;
		width: 948px;
		margin: 0px 0px 0px 21px;
		padding: 0px 0px 0px 12px;
    /* background: url(addon/footer/bg_footer.gif) no-repeat left top transparent; */
  }


    #footer-infonavi {
      width: 920px;
      text-align: right;
      float: left;
      font-size: 9px;
      padding-top: 2px;
      color:#666;
    }
     
      #footer-infonavi a:link, 
      #footer-infonavi a:visited, 
      #footer-infonavi a:active, 
			#footer-infonavi a:hover {
        color:#999;
        text-decoration: none;
        padding: 0px 3px 0px 3px;
      }

      #footer-infonavi a:hover {
        color: #999;
        text-decoration: underline;
      }


  #lastinfo {
    clear: both;
    width: 948px;
		margin: 0px 0px 0px 21px;
		padding: 15px 0px 3px 12px;
	  background: url(addon/footer/bg_cntcontainer.gif) repeat-y left top transparent;
  }
    #lastinfo a:link,
    #lastinfo a:active,
    #lastinfo a:visited,
    #lastinfo a:hover
		{
      font-size: 10px;
			color: #727272;
      text-decoration:underline;
    }
     #lastinfo a:hover
    {
    	text-decoration:none;
    }
    
    #lastinfo div{
    	vertical-align: bottom;
    }
		
		
	.footer-content-information,
	.footer-content-service,
	.footer-content-community,
	.footer-content-radreisen,
	.footer-content-copyright{
		float: left;
		width: 140px;
		font-size: 10px;
		color: #727272;
		line-height: 14px;
		margin: 0px 0px 0px 35px;
		text-align: left;
	}
	
	.footer-content-information{
		margin: 0px 0px 0px 5px;
	}
	
	.footer-content-information ul,
	.footer-content-service ul,
	.footer-content-community ul,
	.footer-content-radreisen ul{
		list-style-type: none;
		margin: 4px 0px 0px -10px;
		text-align: left;
	}
	
	.footer-content-information ul li,
	.footer-content-service ul li,
	.footer-content-community ul li,
	.footer-content-radreisen ul li{
		font-size: 9px;
		color: #999999;
	}
	
	.footer-content-community span{
		margin-left: -9px;
	}
	.footer-content-radreisen span{
		margin-left: -15px;
	}
	
    
div#footer_beon_member{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height: 60px;
}

div#footer_beon_member a{
	float: left;
	margin: 0px 30px 0px 0px;
	background-color: transparent!important;
}

div#footer_beon_member input{
	float: left;
	margin: 0px 30px 0px 0px;
	background-color: transparent!important;
}

a.footer_beon_member_webadress:link,
a.footer_beon_member_webadress:active,
a.footer_beon_member_webadress:visited,
a.footer_beon_member_webadress:hover{
	padding: 5px 0px 0px 0px;
	background-color: transparent!important;
}

div#footer-bottom-line{
 width: 906px; 
 margin: 0px 0px 10px 0px; 
 margin-left: -15px; 
 padding: 0px; 
}

/******************************/
/* PageHeader                 */
/******************************/

#head_beon #header {
	position: relative;
	height: 140px;
	margin: -10px 0px 0px 0px;
	background-image: url(addon/header/header_2009-new.jpg); 

/*	background-image: url(addon/header/site_header/header_bgr.gif); */
	/*Fix IE z-index error for suggest*/
	z-index: 2;
}

#head_beon #header #logo,
#head_beon #header #search_box,
#head_beon #header #globalnav,
 {
	float:left;
	position: relative;
}


#head_beon #header #logo {
	left: 0px;
	top: 8px;
	width:126px;
	height: 126px;
}

#head_beon #header #globalnav {
	bottom: 1px;
	top:122px;
	left: 73px;
	text-align: center;
}
#head_beon #header #search_box {
	position: absolute;
	left: 786px;
	top: 22px;
	width: 180px;
	height: 108px;
/*	background-color: #2A2;*/
	color: #FFF;
}

#search_box .left{
	float: left;
	width: 2px;
	height: 108px;
/*	background-image: url(addon/header/site_header/searchb_left.gif);*/
}
#search_box .center{
	float: left;
	height: 108px;
	width: 173px;
}
#search_box .center .top{
	width: 173px;
	height: 3px;
/*	background-image: url(addon/header/site_header/searchb_middle_top.gif);*/
}
#search_box .center .middle{
	height: 95px;
	padding-left: 19px;
/*	background-image: url(addon/header/site_header/searchb_middle_bg.gif);*/
	overflow: hidden;
}
#search_box .center .middle .fast_search {
	height: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 20px;
/*	background-image: url(addon/header/magnifier.gif);*/
	background-repeat: no-repeat;
}

#search_box .center .middle .search_text{
	height: 18px;
	width: 154px;
}

#search_box .center .middle input.search{
	width: 100px;
	margin-right: 2px;  /* DANGER IE/FF Boxlevel-Problem*/
	float:left;
}
#search_box .center .middle A:link,
#search_box .center .middle A:visited,
#search_box .center .middle A:active,
#search_box .center .middle A:hover {
	color: #FFF;
}

#search_box .center .middle .extended_link a{
	background-image: url(addon/header/arrow_white_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
	display: block;
}

#search_box .center .bottom{
	width: 173px;
	height: 10px;
/*	background-image: url(addon/header/site_header/searchb_middle_bottom.gif);*/
}
#search_box .right{
	float: left;
	width: 5px;
	height: 108px;
/*	background-image: url(addon/header/site_header/searchb_right.gif);*/
}

#head_beon #breadcrumb {
	height: 25px;
	margin: 0px 19px 0px 19px;
	background-color: #FFF;
}


/*////////////////////////////////////////////////
//// Auflistung
////////////////////////////////////////////////*/

#navin {margin:5px auto; text-align:left;  }	
	#navin ul.horz {list-style-type: none; clear: left; padding: 2px; margin:0;}
	#navin ul.horz li {float: left; width: 90 px; padding: 0 3px 0 2px; margin:0; font-size:12px; color: #333333;}

	#navin ul.horz li A:link, A:visited {COLOR: #DD4400;TEXT-DECORATION: none}
  #navin ul.horz li A:hover {text-decoration: none; color: #FF925E}

	#navin ul.horz li.first {width: 95px; font-size:11px;}
	#navin ul.horz li.buero {width: 95px; font-size:11px;}
	#navin ul.horz li.deal {width: 95px;padding: 0 2px 0 2px;font-size:11px;}
	#navin ul.horz li.name {width: 95px;padding: 0 2px 0 0;font-size:11px;}
	#navin ul.horz li.spezial {width: 105px;font-size:11px;}		

/*////////////////////////////////////////////////
//// Auflistung ebay
////////////////////////////////////////////////*/

.HaupttabelleInhalt { padding: 3px; font-size:11px; COLOR: #999; }
.HaupttabelleKopf { color: #333; font-size: 12px; font-weight: bold; background-color: #ccc; }
.HaupttabelleKopf a:visited { color: #333; font-size: 11px; padding-left: 10px;  padding-top: 5px; border-left: 1px solid #FFF; }
.HaupttabelleKopf a:link { color: #333; font-size: 11px; padding-left: 10px; padding-top: 5px; border-left: 1px solid #FFF; }



/* roScripts
Table Design by Mihalcea Romeo
www.roscripts.com
----------------------------------------------- */

#list table {border-collapse:collapse; background:#F1F1F1 url(http://www.beon-store.de/images/teaser.gif) repeat-x;		border-left:3px solid #ccc;		border-right:3px solid #ccc;		font:0.8em/145%;		color: #333;}
#list th {padding:5px;}
#list td {padding:5px;}
#list caption {padding: 0 0 .5em 0;	text-align: left;		font-size: 1.4em;		font-weight: bold;		text-transform: uppercase;		color: #333;		background: transparent;}

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

#list table a {color:#DD4400; text-decoration:underline;}
#list table a:link {}
#list table a:visited {font-weight:normal;	color:#FF925E;	text-decoration: none;}
#list table a:hover {border-bottom: 1px dashed #FF925E;}
#list h2 {text-align: left;		font-size: 12px;		font-weight: bold;}

/* =head =foot
----------------------------------------------- */

#list thead th {background:#ccc; border-bottom: solid 1px #fff; repeat-x;	color:#666; text-align: left;}
#list tfoot td {text-align:right}

/* =body
----------------------------------------------- */
#list tbody th {border-bottom: dotted 1px #999;}
#list tbody td {border-bottom: dotted 1px #999; text-align: left; vertical-align: top;}
#list tbody th {white-space: nowrap;}
#list tbody th a {color:#333;}


#wg-menu {position:relative; width:602px; height:452px; background-color:#fff; margin:2em auto; z-index:500;}
#wg-menu a.p1:visited, #wg-menu a.p3:visited, #wg-menu a.p4:visited, #wg-menu a.p5:visited, #wg-menu a.p6:visited {position:absolute; display:block; width:138px; height:138px; background-color:#BCBAAF; color:#fff; text-decoration:none; padding: 12px 0 0 12px;z-index:500; }
#wg-menu a.p2:visited, #wg-menu a.p7:visited {position:absolute; display:block; width:288px; height:138px; background-color:#BCBAAF; color:#fff; text-decoration:none; padding: 12px 0 0 12px;z-index:500; }
#wg-menu a.p8:visited {position:absolute; display:block; width:138px; height:138px; background-color:#8F8F87; color:#fff; text-decoration:none; padding: 12px 0 0 12px;z-index:500; }
#wg-menu a.p1:visited {top:0px; left:0px;}
#wg-menu a.p2:visited {top:0px; left:151px;}
#wg-menu a.p3:visited {top:0px; left:452px;}
#wg-menu a.p4:visited {top:151px; left:0px;}
#wg-menu a.p5:visited {top:151px; left:452px;}
#wg-menu a.p6:visited {top:302px; left:0px;}
#wg-menu a.p7:visited {top:302px; left:151px;}
#wg-menu a.p8:visited {top:302px; left:452px;}
#wg-menu a.p1, #wg-menu a.p3, #wg-menu a.p4, #wg-menu a.p5, #wg-menu a.p6 {position:absolute; display:block; width:138px; height:138px; background-color:#BCBAAF; color:#fff; text-decoration:none;padding: 12px 0 0 12px;z-index:500; }
#wg-menu a.p2, #wg-menu a.p7 {position:absolute; display:block; width:288px; height:138px; background-color:#BCBAAF; color:#fff; text-decoration:none; padding: 12px 0 0 12px;z-index:500; }
#wg-menu a.p8 {position:absolute; display:block; width:138px; height:138px; background-color:#8F8F87; color:#fff; text-decoration:none;padding: 12px 0 0 12px;z-index:500; }
#wg-menu a.p1 {top:0px; left:0px;}
#wg-menu a.p2 {top:0px; left:151px;}
#wg-menu a.p3 {top:0px; left:452px;}
#wg-menu a.p4 {top:151px; left:0px;}
#wg-menu a.p5 {top:151px; left:452px;}
#wg-menu a.p6 {top:302px; left:0px;}
#wg-menu a.p7 {top:302px; left:151px;}
#wg-menu a.p8 {top:302px; left:452px;}
#wg-menu a.p1:hover, #wg-menu a.p2:hover, #wg-menu a.p3:hover, #wg-menu a.p4:hover, #wg-menu a.p5:hover, #wg-menu a.p6:hover, #wg-menu a.p7:hover, #wg-menu a.p8:hover {text-decoration:none; background-color:#327CC7; color:#fff; font-size:13px; padding: 12px 0 0 12px;}
#wg-menu a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
#wg-menu a h4 {text-decoration:none; background-color:#FFF; color:#8F8F87; font-size:11px; padding: 0 0 0 12px;}
#wg-menu a h3 {text-decoration:none; background-color:#FFF; color:#8F8F87; font-size:11px; padding: 0 0 0 12px;}


#wg-menu a.p1:hover img {display:block; position:absolute; top:151px; left:151px; width:300px; height:150px; border:0px;z-index:100; }
#wg-menu a.p2:hover img {display:block; position:absolute; top:151px; left:0px; width:300px; height:150px; border:0px; z-index:100;}
#wg-menu a.p3:hover img {display:block; position:absolute; top:151px; left:-301px; width:300px; height:150px; border:0px; z-index:100;}
#wg-menu a.p4:hover img {display:block; position:absolute; top:0px; left:151px; width:300px; height:150px; border:0px; z-index:100;}
#wg-menu a.p5:hover img {display:block; position:absolute; top:0px; left:-301px; width:300px; height:150px; border:0px; z-index:100;}
#wg-menu a.p6:hover img {display:block; position:absolute; top:-151px; left:151px; width:300px; height:150px; border:0px; z-index:100;}
#wg-menu a.p7:hover img {display:block; position:absolute; top:-151px; left:0px; width:300px; height:150px; border:0px; z-index:100;}
#wg-menu a.p8:hover img {display:block; position:absolute; top:-151px; left:-301px; width:300px; height:150px; border:0px; z-index:100;}
#neunxneun {position:absolute; left:151px; top:151px; border:0px;}


/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/page_menu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */




#hoverpage {width:705px; height:500px; border-top:1px solid #999; border-bottom:1px solid #999; background:#f7f7f7; position:relative; z-index:500; overflow:hidden;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:35px; width:120px;  right:575px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#024B9D; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;background:#eee;}
#hoverpage ul#outer li.p2 i {top:75px;background:#eee;}
#hoverpage ul#outer li.p3 i {top:120px;background:#eee;}
#hoverpage ul#outer li.p4 i {top:165px;background:#eee;}
#hoverpage ul#outer li.p5 i {top:210px;background:#eee;}
#hoverpage ul#outer li.p6 i {top:255px;background:#eee;}


#hoverpage ul#outer li div {display:block; width:675px; height:450px; padding:25px; background:#f7f7f7; font-weight:normal; color:#444;}
#hoverpage ul#outer li div img {border:5px solid #fff; float:left; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:128px; height:300px; float:left; background:#f7f7f7 url(http://www.beon-store.de/images/hover-block.jpg) no-repeat 0 0; margin-right:20px;}

#hoverpage ul#outer li.p1 div em {background-position: 100px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 100px 45px;}
#hoverpage ul#outer li.p3 div em {background-position: 100px 90px;}
#hoverpage ul#outer li.p4 div em {background-position: 100px 135px;}
#hoverpage ul#outer li.p5 div em {background-position: 100px 180px;}
#hoverpage ul#outer li.p6 div em {background-position: 100px 225px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;}

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}


/* THUMBS */
.thumb-list {background:url(images/thumb-shadow.png) top no-repeat; text-transform:uppercase; padding:3px; width:160px; height:160px; display:block; font-size:17px; margin:6px; float:left; color:#000;}
.thumb-list:hover {background-position:bottom;}
.thumb-list a {text-decoration:none;}
.thumb-list strong {display: block;}

#da-logo {background: #fff url(img/da-logo.jpg) center no-repeat; display:block; width:160px; height:160px;}

.image-thumb {width:160px; height:160px; display:block; float:left;}
.blog-thumb {display:block; color:#000; line-height:12px;}

.blog-categories-thumb {padding:6px; padding-left:8px; width:152px; height:154px; font-size:14px; background:url(images/blog-categories-thumb.jpg) no-repeat;}
.blog-categories-thumb li {margin-bottom:2px;}
.blog-categories-thumb a {color:#fff; text-decoration:none; background:#3f89e4; padding-left:4px; padding-right:4px;}
.blog-categories-thumb a:hover {color:#000; background:none;}
.blog-thumb-title {padding:4px; display:block; width:140px; margin-bottom:1px; font-size:12px; color: #000; font-weight:normal;}

.portfolio-categories-thumb {padding:6px; padding-left:8px; width:152px; height:154px; font-size:14px; background:url(images/portfolio-categories-thumb.jpg) no-repeat;}
.portfolio-categories-thumb li {margin-bottom:2px;}
.portfolio-categories-thumb a {color:#fff; text-decoration:none; background:#3f89e4; padding-left:4px; padding-right:4px;}
.portfolio-categories-thumb a:hover {color:#000; background:none;}

.no-result-thumb {text-align:center; background:#fff; padding-top:60px; height:100px; margin:5px; width:1004px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 
  /* Content styling */
.tbContent {
padding-top:4px;
BORDER-TOP: #333 1px solid;
width:200px;
}
 
.tbContent img {
float:left;
margin:1px;
border:1px solid #aaa;
} 

.bodytext {
text-decoration:none; 
background-color:#FFF;
color:#000;
font-size:12px;
margin-bottom:2px;}
} 


/* First Step Styling */


.first-step {margin:20px 0 20px 5px}

.first-step table {border-collapse:collapse; width:780px;	height:180px; font:0.8em/145%;		color: #333;}
.first-step th {padding:5px;}
.first-step td {padding:5px;}
.first-step caption {padding: 0 0 .5em 0;	text-align: left;		font-size: 1.4em;		font-weight: bold;		text-transform: uppercase;		color: #333;		background: transparent;}

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

.first-step table a {color:#DD4400; text-decoration:underline;}
.first-step table a:link {}
.first-step table a:visited {font-weight:normal;	color:#FF925E;	text-decoration: none;}
.first-step table a:hover {border-bottom: 1px dashed #FF925E;}
.first-step h2 {text-align: left;		font-size: 12px;		font-weight: bold;}


/* =body
----------------------------------------------- */

.first-step tbody td {width:195px;	padding:55px 27px 0 10px; text-align: left; vertical-align: top;}




.first-step td#step1 {background:transparent url(addon/first-step/block-info.gif) no-repeat top left;}
.first-step td#step2 {background:transparent url(addon/first-step/block-onlineorder.gif) no-repeat top left;}
.first-step td#step3 {background:transparent url(addon/first-step/block-planungshilfe.gif) no-repeat top left;}
.first-step td#step4 {background:transparent url(addon/first-step/block-lieferung.gif) no-repeat top left;}
.first-step td#step5 {background:transparent url(addon/first-step/block-wissenswertes.gif) no-repeat top left;}

 
 /* Balloon styling */
.balloon {
font-family: verdana, sans-serif; 
height:240px;
margin:40px 5px;
}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon ul li {
float:left;
margin:5px;
width:200px;
height:100px;
border:1px solid #aaa;
}

.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:200px; 
height:100px; 
color:#000; 
background:#fff;
}
.balloon ul li a img, .balloon ul li a:visited img {
border:0;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
}

.balloon dl {width:200px; padding:0 0 20px 0; background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dt {margin:0; padding:5px 15px; font-size:12px; font-weight:bold; color: #fff; background:transparent url(addon/balloon/top.gif) no-repeat top left; text-align:left; }
.balloon dd {margin:0; padding:3px 5px; color:#333; font-size:12px; border:1px solid #666; border-width:0 1px; background:#fff url(addon/balloon/info.gif) no-repeat bottom right;}
.balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}
.balloon dl#web2 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dl#web3 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dl#web4 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dl#web5 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dl#web6 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dl#web2 dt {background:transparent url(addon/balloon/top2.gif) no-repeat top left;}
.balloon dl#web3 dt {background:transparent url(addon/balloon/top3.gif) no-repeat top left;}
.balloon dl#web4 dt {background:transparent url(addon/balloon/top4.gif) no-repeat top left;}
.balloon dl#web5 dt {background:transparent url(addon/balloon/top5.gif) no-repeat top left;}
.balloon dl#web6 dt {background:transparent url(addon/balloon/top6.gif) no-repeat top left;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
visibility:visible;
color:#000;
top:-75px;
left:120px;
cursor:default;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
display:block;
position:absolute;
left:-35px;
top:75px;
width:36px; 
height:36px;
background:transparent url(addon/balloon/pointer.gif);
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
height:0.8em;
color:#606;
background:transparent;
text-decoration:underline;
display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}


 /* Balloon styling */
.nav-balloon {
font-family: verdana, sans-serif; 
height:250px;
margin:20px -1px;
}
.nav-balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.nav-balloon ul li {
float:left;
margin:5px 0px 5px 1px;
width:180px;
height:110px;

}
.nav-balloon ul li a, .nav-balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:180px; 
height:110px; 
color:#000; 
background:#fff;
}
.nav-balloon ul li a img, .nav-balloon ul li a:visited img {
border:0;
}

.nav-balloon ul li dl {
visibility:hidden;
position:absolute;
}

.nav-balloon dl {width:600px; padding:0 0 1px 0; background:#333; height:auto; }
.nav-balloon dt {margin:0; padding:5px 15px; font-size:12px; font-weight:bold; color: #fff; background:#999;  top left; text-align:left; }
.nav-balloon dd {margin:0; padding-top:3px; color:#333; font-size:12px; border:1px solid #666; border-width:0 1px; background:#fff url(addon/balloon/info.gif) no-repeat bottom right;}
.nav-balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}
.nav-balloon dl#web2 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.nav-balloon dl#web3 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.nav-balloon dl#web4 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.nav-balloon dl#web5 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.nav-balloon dl#web6 {background:transparent url(addon/balloon/bottom.gif) no-repeat bottom left; height:auto;}
.nav-balloon dl#web2 dt {background:transparent url(addon/balloon/top2.gif) no-repeat top left;}
.nav-balloon dl#web3 dt {background:transparent url(addon/balloon/top3.gif) no-repeat top left;}
.nav-balloon dl#web4 dt {background:transparent url(addon/balloon/top4.gif) no-repeat top left;}
.nav-balloon dl#web5 dt {background:transparent url(addon/balloon/top5.gif) no-repeat top left;}
.nav-balloon dl#web6 dt {background:transparent url(addon/balloon/top6.gif) no-repeat top left;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.nav-balloon ul li:hover,
.nav-balloon ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.nav-balloon ul li:hover dl,
.nav-balloon ul li a:hover dl {
z-index:800; 
visibility:visible;
color:#000;
top:-2px;
left:180px;
cursor:default;
}

.nav-balloon ul li:hover dl em,
.nav-balloon ul li a:hover dl em {
display:block;
position:absolute;
left:-35px;
top:25px;
width:36px; 
height:36px;
background:transparent url(addon/balloon/pointer.gif);
}

.nav-balloon ul li:hover dl a,
.nav-balloon ul li a:hover dl a {
height:0.8em;
color:#606;
background:transparent;
text-decoration:underline;
display:inline;
}

.nav-balloon ul li:hover dl a:hover,
.nav-balloon ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}

#wrap {position:relative;}


#dropline {padding:0 0 0 20px; margin:0; list-style:none; height:35px; width:830px; border-bottom:1px solid #eee;}
#dropline div {margin-left:-9999px; width:850px; z-index:10; height:0; top:35px; background:#fff; overflow:hidden;}
#dropline ul {padding:0; margin:0; list-style:none;}
#dropline table {border-collapse:collapse; padding:0; margin:-1px -10px; width:0; height:0;}

#dropline li {float:left;}
#dropline li a {display:block; float:left; height:35px; line-height:30px; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:13px; text-decoration:none; color:#000; padding:0 20px 0 0; background:#fff url(tab.gif) right top;}
#dropline li a b {display:block; float:left; height:35px; padding:0 0 0 20px; background:#fff url(tab.gif) left top;}

#dropline div {height:220px; position:absolute; overflow:auto; padding:0; background:#fff; border:20px solid #eee; border-width:20px 0;}
#dropline div ul.w1 {padding-top:50px; margin:0; list-style:none; width:1400px;}
#dropline div ul.w2 {padding:0; margin:0; list-style:none; width:1600px;}

#dropline div ul li {float:left;}
#dropline div ul li p {clear:left; width:200px; text-align:center; color:#444;}
#dropline div ul li a {border:0; background:#fff; padding:0;height:auto;}
#dropline div ul li a img {display:block; border:0; float:left; height:150px;}

#dropline li a:hover {background-color:#eee; color:#c00; border:0;}
#dropline li a:hover b {background-color:#eee; color:#c00; cursor:pointer;}

#dropline li:hover > a {background-color:#eee; color:#c00;}
#dropline li:hover > a b {background-color:#eee; color:#c00;}

#dropline :hover div {margin-left:0; height:220px; position:absolute; left:0; overflow:auto; padding:0; background:#fff; border:20px solid #eee; border-width:20px 0;}

#dropline div {
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#888;
scrollbar-base-color:#fff;
scrollbar-darkshadow-color:#ccc;
scrollbar-face-color:#ddd;
scrollbar-highlight-color:#eee;
scrollbar-shadow-color:#aaa;
scrollbar-track-color:#fff;
} 


/* style the outer div to give it width */
.topmenu {font-size:0.85em; padding-bottom:17px; width:900px;}

/* remove all the bullets, borders and padding from the default list styling */
.topmenu ul {padding:0;margin:0;list-style-type:none; height:2em; background:transparent;}

/* style the sub-level lists */
.topmenu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown topmenu positon */
.topmenu ul li {float:right;height:2em;line-height:2em; display:block;z-index:9999;}

/* style the sub level list items */
.topmenu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.topmenu a, .topmenu a:visited {display:block;float:left;height:100%; width:7em; font-size:1em;text-decoration:none;color:#FFF;background:#999999 url(addon/header/top_grad.gif) center center; padding:0 3em 0 1em; border-left:1px solid #eee; border-right:1px solid #000;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .topmenu a, * html .topmenu a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
.topmenu ul ul a, .topmenu ul ul a:visited {display:block;background:#666666 url(addon/header/sub_grad.gif); color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em ;  border-bottom:1px solid #666;}
* html .topmenu ul ul a, * html .topmenu ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.topmenu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.topmenu ul ul ul a, .topmenu ul ul ul a:visited {background:#efefef url(addon/header/sub_grad.gif);}
/* style the fourth level background */
.topmenu ul ul ul ul a, .topmenu ul ul ul ul a:visited {background:#efefef url(addon/header/sub_grad.gif);}
/* style the sub level 1 background */
.topmenu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.topmenu ul ul :hover a.sub2 {background:#ccc;}

/* style the level hovers */
/* first */
* html .topmenu a:hover {color:#666;background:#CACACA url(top_grad_2.gif) center center; position:relative; z-index:100;}
.topmenu li:hover {position:relative;}
.topmenu :hover > a {color:#666;background:#CACACA url(top_grad_2.gif) center center;}
/* second */
* html .topmenu ul ul a:hover{color:#fff;background:#666; position:relative; z-index:110;}
.topmenu ul ul li:hover {position:relative;}
.topmenu ul ul :hover > a {color:#fff;background:#666;}
/* third */
* html .topmenu ul ul ul a:hover {background:#666; position:relative; z-index:120;}
.topmenu ul ul ul :hover > a {background:#666;}
/* fourth */
.topmenu ul ul ul ul a:hover {background:#666; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.topmenu ul ul {visibility:hidden;position:absolute;height:0;top:2em; left:0px; width:14em;}

/* position the third level flyout topmenu */
.topmenu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.topmenu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}


dl.curved {background:#fff url(addon/c_tl.gif) top left no-repeat; margin:10px auto 10px auto; padding:0; width:300px;}
dl.curved dt {background:transparent url(addon/c_tr.gif) top right no-repeat; padding:1px 5px 1px 4px; text-align:left; color:#666;}
dl.curved dd {background:#eee url(addon/c_bl.gif) bottom left no-repeat; padding:5px; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.0em;}
dl.curved dd p.last {background:transparent url(addon/c_br.gif) bottom right no-repeat; }


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/css3-slide-list.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#css3Slide {width:980px; height:24px; margin:25px auto -20px auto; position:relative; z-index:500;}
#css3Slide ul {padding:0; margin:0; list-style:none; height:27px; float:left; position:relative; z-index:500;}
#css3Slide ul li {float:left; height:27px; font: 12px/24px arial, sans-serif; margin:0 0 0 10px;}
#css3Slide ul li span {display:block; float:left; height:27px; padding:0 15px 0 0;}
#css3Slide ul li b {display:block; float:left; height:27px; padding:0 0 0 15px; margin-left:-10px; cursor:default;}




#css3Slide ul li:hover > span {background:url(images/slideTab.png) no-repeat right top; color:#fff;}
#css3Slide ul li:hover > span b {background:url(images/slideTab.png) no-repeat left top;}

#css3Slide ul li.blank {width:980px; height:0; position:absolute; left:0; top:24px; overflow:hidden; border-top:3px solid #d2cac1; z-index:-1; margin:0; padding:0;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

.base {width:980px; height:310px; background:url(images/slideBack.png) repeat-x; position:absolute; top:-310px;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

.shadow {width: 980px; height:10px; position:absolute; left:0; bottom:0; background:url(images/slideShadow.png);} 



#css3Slide ul:hover li.blank {height:310px;}
#css3Slide ul:hover li.blank .base {top:0;}

#css3Slide ul li .container {width:978px; height:0; position:absolute; left:0; top:27px; border:0px; z-index:500; overflow:hidden;  background: url(images/slideTrans.png);
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide ul li:hover .container {height:310px;}

#css3Slide ul li .container .sub {width:960px; position:relative; height:260px; padding:20px 0; top:-300px;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
#css3Slide ul li:hover .container .sub {top:0;}

#css3Slide ul li .container .sub h4 {font-size:18px; padding:0 0 20px 10px; margin:0;}
#css3Slide ul li .container .sub dl {padding:0; margin:0;}
#css3Slide ul li .container .sub dl dt {font-size:14px; font-weight:bold; height:30px; padding-left:10px;}
#css3Slide ul li .container .sub dl dd {display:block; height:30px; line-height:30px; padding:0 0 0 10px; margin:0; font-weight:bold; color:#888; width:150px; background: url(images/slideTrans.png);}

#css3Slide ul li .container .sub dl dd p {display:block; color:#666; position:absolute; left:150px; top:65px; width:470px; height:230px; font-weight:normal; padding:0; margin:0; line-height:20px; opacity:0; filter: alpha(opacity=0); background: url(images/slideTrans.png); z-index:1;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide ul li .container .sub dl dd p em {font-style:normal; color:#000; text-decoration:none;}
#css3Slide ul li .container .sub dl dd p a {color:#069; text-decoration:none;}
#css3Slide ul li .container .sub dl dd p a:hover {text-decoration:underline;}

#css3Slide ul li .container .sub dl dd img {position:absolute; right:0; padding-right:30px; top:50px; opacity:0; filter: alpha(opacity=0); z-index:1; 
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#css3Slide ul li .container .sub dl dd.current {color:#000; background:url(images/slideArrow.gif) no-repeat 120px center;}
#css3Slide ul li .container .sub dl dd.current p {opacity:1; filter: alpha(opacity=100); z-index:20;}
#css3Slide ul li .container .sub dl dd.current img {opacity:1; filter: alpha(opacity=100); z-index:20;}

#css3Slide ul li .container .sub dl:hover dd.current {color:#888; background:none;}
#css3Slide ul li .container .sub dl:hover dd.current p {opacity:0; filter: alpha(opacity=0); z-index:10;}
#css3Slide ul li .container .sub dl:hover dd.current img {opacity:0; filter: alpha(opacity=0); z-index:10;}

#css3Slide ul li .container .sub dl:hover dd:hover {color:#000; cursor:default; background:url(images/slideArrow.gif) no-repeat 120px center;}
#css3Slide ul li .container .sub dl:hover dd:hover p {opacity:1; filter: alpha(opacity=100); z-index:20;}
#css3Slide ul li .container .sub dl:hover dd:hover img {opacity:1; filter: alpha(opacity=100); z-index:20;}