.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}


#tabs{ display:block; width:100%; position:relative;  }


.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

}
.ui-tabs .ui-tabs-nav {
	margin: 0;

}
.ui-tabs .ui-tabs-nav li {
	list-style: none; display:block;
	float: left;
	position: relative;
	top: 0;
	padding: 0; margin:0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {

}


/*  tabs-1  */
.ui-tabs .ui-tabs-nav li .tabs-1 {
	float: left; margin-right:68px;
	text-decoration: none; display:block; background:url(../img/getting-01.png) no-repeat; width:90px; height:66px;
}
.ui-tabs .ui-tabs-nav li .tabs-1:hover{ background-position:0 -66px;  } 
.ui-tabs .ui-tabs-nav li.ui-tabs-active .tabs-1{
	display:block; background:url(../img/getting-01.png) no-repeat; width:90px; height:66px; background-position:0 -66px; 

}

/*  tabs-2  */
.ui-tabs .ui-tabs-nav li .tabs-2 {
	float: left;  margin-right:66px;
	text-decoration: none; display:block; background:url(../img/getting-02.png) no-repeat; width:180px; height:66px;
}
.ui-tabs .ui-tabs-nav li .tabs-2:hover{ background-position:0 -66px;  } 
.ui-tabs .ui-tabs-nav li.ui-tabs-active .tabs-2{
	display:block; background:url(../img/getting-02.png) no-repeat; width:180px; height:66px; background-position:0 -66px; 

}

/*  tabs-3  */
.ui-tabs .ui-tabs-nav li .tabs-3 {
	float: left; margin-right:68px;
	text-decoration: none; display:block; background:url(../img/getting-03.png) no-repeat; width:69px; height:66px;
}
.ui-tabs .ui-tabs-nav li .tabs-3:hover{ background-position:0 -66px;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .tabs-3{
	display:block; background:url(../img/getting-03.png) no-repeat; width:69px; height:66px; background-position:0 -66px; 

}


/*  tabs-4  */
.ui-tabs .ui-tabs-nav li .tabs-4 {
	float: left; margin-right:0px;
	text-decoration: none; display:block; background:url(../img/getting-04.png) no-repeat; width:76px; height:66px;
}
.ui-tabs .ui-tabs-nav li .tabs-4:hover{ background-position:0 -66px;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .tabs-4{
	display:block; background:url(../img/getting-04.png) no-repeat; width:76px; height:66px;  background-position:0 -66px; 

}



/* Component containers
----------------------------------*/
#tabs .ui-widget-content { border:0; background:none; }
#tabs .ui-widget-content a { color:   }
#tabs .ui-widget-header { border:0; background:none;  } 

/* Interaction states
----------------------------------*/
#tabs .ui-state-default,#tabs .ui-widget-content .ui-state-default { border:0px solid #ff0000; background:none;   }
 
#tabs .ui-widget-content{ border:none !important;}
#tabs.ui-widget-content { border:0px solid #000000 !important;   }