.howit-header {
	font-family: 'Raleway', Arial;
	font-size:32px;
	color:#60a4e0;
	border-left:15px solid #f8f8f8;
	border-right:15px solid #f8f8f8;
	width:auto;
	display:inline-block;
	background:#f8f8f8;
	margin:0 auto;
	}
.blacktxt {
	background:url(images/sept-rept-sub.png) repeat-x;
	background-position: 0 14px;
	color:#000000;
	margin:0 auto;
	padding:0;
	width:1024px;
	text-align:center;
	}
.digit {
	font-family:'Arimo' arial;
	color:#717171;
	font-size:30px;
	}
.howit-title {
	font-family:'Arimo' Arial;
	color:#717171;
	font-size:17px;
	}
.step01-img {
	background:url(images/step01.png) no-repeat;
	width:58px;
	height:50px;
	display:block;
	position:absolute;
	left: 236px;
	top:75px;
	}
.step02-img {
	background:url(images/step02.png) no-repeat;
	width:58px;
	height:50px;
	display:block;
	position:absolute;
	bottom: 40px;
	*bottom:180px;
	left: 490px;
	}
.step03-img {
	background:url(images/step01.png) no-repeat;
	width:58px;
	height:50px;
	display:block;
	position:absolute;
	left: 740px;
	top:75px;
	}
/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin-right: 70px;
	padding:10px 0 0 40px;
	height: 224px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: center;
	width: 1024px;
}
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	}
/* initially all panes are hidden */
.panes .pane {
	display:none;
	}
ul.tabs li a {
	text-align:center;

	}
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	list-style-image:none !important;

	padding-right: 64px;
}
/* link inside the tab. uses a background image */


.test1{
	border:1px solidd #000000;
	}
.img1 {
	background:url(images/login.png) no-repeat;
	background-position:center;
	width:190px;
	height:230px;
	background-position:0px 0px;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:40px;
	display:inline-block;
	position:relative;
	background-position:21px 0;
	}
.img1:hover {
	background:url(images/login-hover.png) no-repeat;
	background-position:0px 0px;
	border-bottom:1px solid #60a4e0;
	padding-bottom:40px;
	color:#60a4e0;
	background-position:21px 0;
	}
ul.tabs .test1 a.current {
	background:url(images/login-active.png) no-repeat;
	background-position:0px 0px;
	border-bottom:3px solid #60a4e0;
	padding-bottom:40px;
	background-position:21px 0;	
	}
.img2 {
	background: url(images/update.png) no-repeat;
	width:190px;
	height:230px;
	background-position: 0px 0px;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:40px;
	display:inline-block;
	background-position:21px 0;	
	}
.img2:hover {
	background: url(images/update-hover.png) no-repeat;
	background-position: 0px 0px;
	border-bottom:1px solid #60a4e0;
	padding-bottom:40px;
	background-position:21px 0;	
	}
ul.tabs .test2 a.current {
	background: url(images/update-active.png) no-repeat;
	background-position: 0px 0px;
	border-bottom:3px solid #60a4e0;
	padding-bottom:40px;
	background-position:21px 0;	
	}
.img3 {
	background: url(images/business.png) no-repeat;
	width:190px;
	height:230px;
	background-position: 0px 0px;
	display:block;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:40px;
	background-position:21px 0;	
	}
.img3:hover {
	background: url(images/business-hover.png) no-repeat;
	background-position: 0px 0px;
	border-bottom:1px solid #60a4e0;
	padding-bottom:40px;
	background-position:21px 0;	
	}
ul.tabs .test3 a.current {
	background: url(images/business-active.png) no-repeat;
	background-position: 0px 0px;
	border-bottom:3px solid #60a4e0;
	padding-bottom:40px;
	background-position:21px 0;	
	}
.img4 {
	background: url(images/bid.png) no-repeat;
	width:190px;
	height:230px;
	background-position: 0px 0px;
	display:block;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:40px;
	background-position:21px 0;	
	}
.img4:hover {
	background: url(images/bid-hover.png) no-repeat;
	background-position: 0px 0px;
	border-bottom:1px solid #60a4e0;
	padding-bottom:40px;
	background-position:21px 0;	
	}
ul.tabs .test4 a.current {
	background: url(images/bid-active.png) no-repeat;
	background-position: 0px 0px;
	border-bottom:3px solid #60a4e0;
	padding-bottom:40px;
	color:#FF0000;
	background-position:21px 0;	
	}
ul.tabs a:active {
	outline:none;
	}
.panes div + div + div + div + div{
	margin-top:40px;
	display: none;
	padding: 15px 10px;
	border-top: 0;
	font-size: 14px;

	}
/* initially all panes are hidden */
.panes .pane {
	display:none;

	}
.act-tab1-sub1 {
	position:absolute;
	}
.act-tab1-sub1 ul {
	margin:0;
	padding:0;
	}
.act-tab1-sub1 ul li {
	list-style-type:none;
	padding: 20px 20px 0 0;
	display:inline-block;
	font-family:'Arimo' Arial;
	}
.img-1 {
	background:url(images/act-tab1-sub1.png) no-repeat center top;
	width:63px;
	height:54px;
	display:block;
	text-align:center;
	}
.img-2 {
	background:url(images/act-tab1-sub2.png) no-repeat center top;
	width:51px;
	height:59px;
	display:block;
	}
.img-3 {
	background:url(images/act-tab1-sub3.png) no-repeat center top;
	width:62px;
	height:47px;
	display:block;
	}
.sup-tab {
	text-align:center;
	font-family:'Arimo' Arial, Helvetica, sans-serif;
	font-size:15px;
	padding: 60px 0 0 0;
	color:#4d4948;
	}	
.panes ul li {
	list-style:none;
	display:inline-block;
	float:left;
	margin: 20px 50px 50px 0;
	padding:0;
	}

.clearflot {
	margin:0;
	padding:0;
	float:0;
	clear:both;
	}