#accordion {
	position: relative;
	height: 230px;
	margin: 5px 0 0 10px;
	z-index: 1;
	overflow: hidden;
	display: inline;
}

.tab,
.section {
	float: left;
	overflow: hidden;
	height: 230px;
}

.section {
	width: 999px !important;
}

#accordion .pane a {	
	width: 590px;
	height: 230px;
	display: block;
	margin: 0 0 0 10px;
}

.tab {
	cursor: pointer;
}

.pane {
	z-index: 1;	
}

.arrow,
.current .arrow {
	width: 7px;
	height: 11px;
	position: relative;
	top: 210px;
	left: 10px;	
}

.arrow {
	background: url(../images/index/accordion/arrow_l.png) no-repeat;
}

.current .arrow {
	background: url(../images/index/accordion/arrow_r.png) no-repeat;
}

/* 3 TAB STYLES 
==================
*/

/*#section1 {
	position: absolute;
	width: 652px;     
	z-index: 1;           
}

#tab1 {
	background: url(../images/index/accordion/tab_1.png);
	width: 28px;
	height: 230px;
	z-index: 10;
}

#pane1 {
	position: relative;
	left: 22px;
	background: url(../images/index/accordion/pane_1.png);
	width: 630px;
	height: 230px;
}

#section2 {
	position: absolute;
	left: 646px;
	width: 41px;
	z-index: 2;
}

#tab2 {
	position: relative;
	background: url(../images/index/accordion/tab_2.png);
	width: 35px;
	height: 230px;
	z-index: 20;
}

#tab2 .arrow {
	left: 16px;            
}

#pane2 {
	position: relative;
	left: 29px;
	background: url(../images/index/accordion/pane_2.png);
	width: 630px;
	height: 230px;
}

#section3 {
	position: absolute;
	left: 675px;
	width: 32px;
	z-index: 3;           
}

#tab3 {
	background: url(../images/index/accordion/tab_3.png);
	width: 32px;
	height: 230px;
	z-index: 30;
}

#tab3 .arrow {
	left: 16px;            
}

#pane3 {
	position: relative;
	left: 26px;
	background: url(../images/index/accordion/pane_3.png);
	width: 630px;
	height: 230px;
}*/

/* END 3 TAB STYLES 
==================
*/

/* 4 TAB STYLES 
==================
*/

#section1 {
	position: absolute;
	width: 652px;	
	z-index: 1;	
}

#tab1 {
	background: url(../images/index/accordion/tab_bogi.png);
	width: 27px;
	height: 230px;
	z-index: 10;
}

#pane1 {
	position: relative;
	left: 24px;
	background: url(../images/index/accordion/pane_bogi.png);
	width: 603px;
	height: 230px;
}

#section2 {
	position: absolute;
	left: 621px;
	width: 41px;
	z-index: 2;
}

#tab2 {
	position: relative;
	background: url(../images/index/accordion/tab_trins.png);
	width: 34px;
	height: 230px;
	z-index: 20;
}

#tab2 .arrow {
	left: 16px;	
}
/*
#accordion #pane2 a {
	position: absolute;
	width: 128px;
	height: 22px;
}
#accordion .pane a#but1 {
	left: 129px;
	top: 168px;
}
#accordion .pane a#but2 {
	left: 5px;
	top: 195px;
}
#accordion .pane a#but3 {
	left: 131px;
	top:195px;
}
*/
#pane2 {
	position: relative;
	left: 28px;
	background: url(../images/index/accordion/pane_trins.png);
	width: 603px;
	height: 230px;
}

#section3 {
	position: absolute;
	left: 647px;
	width: 32px;
	z-index: 3;	
}

#tab3 {
	background: url(../images/index/accordion/tab_tlife.png);
	width: 34px;
	height: 230px;
	z-index: 30;
}

#tab3 .arrow {
	left: 16px;	
}

#pane3 {
	position: relative;
	left: 30px;
	background: url(../images/index/accordion/pane_tlife.png);
	width: 603px;
	height: 230px;
}

#section4 {
	position: absolute;
	left: 675px;
	width: 32px;
	z-index: 3;	
}

#tab4 {
	background: url(../images/index/accordion/tab_cshield.png);
	width: 34px;
	height: 230px;
	z-index: 30;
}

#tab4 .arrow {
	left: 16px;
}

#pane4 {
	position: relative;
	left: 30px;
	background: url(../images/index/accordion/pane_cshield.png);
	width: 603px;
	height: 230px;
}

/* END 4 TAB STYLES 
==================
*/

#accordionMask {
	position: absolute;
	left: 702px;
	background: url(../images/index/accordion/mask_white.png);
	width: 9px;
	height: 230px;
	z-index: 99;
}