/* CSS Document */

body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:30px 0 0; padding:0;}

.links{ COLOR: #0066CC; TEXT-DECORATION: none; }
.links:hover{ COLOR: #0066CC; TEXT-DECORATION: none; }

.link-green{ COLOR: #50b318; TEXT-DECORATION: none; }
.link-green:hover{ COLOR: #50b318; TEXT-DECORATION: none; }

.link-white{ COLOR: #000000; TEXT-DECORATION: none; font-weight:bold;}
.link-white:hover{ COLOR: #000000; TEXT-DECORATION: none; }

.link-icons{ COLOR: #ffffff; TEXT-DECORATION: none; font-weight:normal;}
.link-icons:hover{ COLOR: #ffffff; TEXT-DECORATION: none; }
	
.notes{ COLOR: #0066CC; TEXT-DECORATION: none; font-size:9px}
.notess:hover{ COLOR: #0066CC; TEXT-DECORATION: none;  font-size:9px;  font-weight:bold;}

.sample{ 
font-family: Helvetica, sans-serif;
font-size: 6px;
COLOR: #0066CC;
background:#EFEFEF;
TEXT-DECORATION: none; 
border-right:solid 1px;
border-right-color:#BCBCBC;
border-left:solid 1px;
border-left-color: #BCBCBC;
border-bottom:solid 1px;
border-bottom-color: #BCBCBC;
border-top:solid 1px;
border-top-color: #BCBCBC;
}

.td-grey{
	font-size: 12px;
	color: #0066CC;
	font-weight:bold;
	text-decoration:none;
}

.company{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #8c8e91;

	font-style: normal;

	line-height: normal;

	font-weight:normal;

	font-variant: normal;

	text-decoration:none;

}

.company:link{ color : #8c8e91; text-decoration:none;}

.company:hover{ color: #8c8e91; text-decoration:underline;}


.td-title-gray{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color:#8c8e91;

	font-size: 12px;

	color: #292929;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-decoration:none;

	margin-left:4;

	

	border-left: solid 1px;

	border-left-color: #8c8e91;

	border-right: solid 1px;

	border-right-color: #8c8e91;

}

.copyright{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #8c8e91;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-decoration:none;

}

.bodyred{

	color:#0066CC;
	text-decoration:none;

}
.bodyred:link{ color : #0066CC; text-decoration:none;}
.bodyred:hover{ color: #0066CC; text-decoration:underline;}

.full_solid{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	cursor:inherit;
	text-decoration:none;

	border-left: solid 1px;
	border-left-color: #ffffff;
	border-right: solid 1px;
	border-right-color: #ffffff;
	border-bottom: solid 1px;
	border-bottom-color: #ffffff;
	border-top: solid 1px;
	border-top-color: #ffffff;
}


.full_grey{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	cursor:inherit;
	text-decoration:none;

	border-left: solid 1px;
	border-left-color: #DCDCDC;
	border-right: solid 1px;
	border-right-color: #DCDCDC;
	border-bottom: solid 1px;
	border-bottom-color: #DCDCDC;
	border-top: solid 1px;
	border-top-color: #DCDCDC;
}


.bor_bot{

	border-bottom: dotted 1px;
	border-bottom-color: #000000;
}

.full_black{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	cursor:inherit;
	text-decoration:none;

	border-left: solid 1px;
	border-left-color: #000000;
	border-right: solid 1px;
	border-right-color: #000000;
	border-bottom: solid 1px;
	border-bottom-color: #000000;
	border-top: solid 1px;
	border-top-color: #000000;
}


div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* TOP PANEL*/
#topPanel{width:762px; height:373px; position:relative; margin:0 auto; padding:0;}
#topPanel2{width:762px;  position:relative; margin:0 auto; padding:0;}

/* HEADER BANNER*/
#topPanel #headerbanner{width:750px; height:235px; position:absolute; top:0; left:0; margin:90px 0 0; padding:0px;}

/* HEADER PANEL*/
#topPanel #headerPanelfast{width:246px; height:263px; position:absolute; top:0; left:0; margin:90px 0 0; padding:0px; background:url(images/orange-normal.jpg) no-repeat 0 0 #FFFFFF; color:#fff;}
#topPanel #headerPanelfast a{width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelfast a:hover{width:246px; height:263px; background:url(images/orange-hover.jpg) no-repeat 0 0 #FFFFFF; color:#fff; text-decoration:none;}
#topPanel #headerPanelfast h2{display:block; width:90px; height:47px; margin:54px 0 0 120px; font:16px/16px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:-22px; z-index:1;}
#topPanel #headerPanelfast p{width:135px; display:block; font:10px/12px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:-20px; left:60px; z-index:1; padding:0; margin:105px 50px 0 38px;}


#topPanel #headerPanelsecond{width:246px; height:263px; position:absolute; top:0; left:258px; margin:90px 0 0; padding:0px; background:url(images/green-normal.jpg) no-repeat 0 0 #FFFFFF; color:#fff;}
#topPanel #headerPanelsecond a{width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelsecond a:hover{width:246px; height:263px; background:url(images/green-hover.jpg) no-repeat 0 0 #FFFFFF; color:#fff; text-decoration:none;}
#topPanel #headerPanelsecond h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 100px; font:16px/16px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelsecond p{width:135px; display:block; font:10px/12px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:-20px; left:62px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#topPanel #headerPanelthird{width:246px; height:263px; position:absolute; top:0; right:0; margin:90px 0 0; padding:0px; background:url(images/blue-normal.jpg) no-repeat 0 0 #FFFFFF; color:#fff;}

#topPanel #headerPanelthird a{width:246px; height:263px; display:block; text-decoration:none; }

#topPanel #headerPanelthird a:hover{width:246px; height:263px; background:url(images/blue-hover.jpg) no-repeat 0 0 #FFFFFF; color:#fff; text-decoration:none;}

#topPanel #headerPanelthird h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 93px; font:16px/16px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}

#topPanel #headerPanelthird p{width:135px; display:block; font:10px/12px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:-20px; left:55px; z-index:1; padding:0; margin:105px 50px 0 38px;}
/* /TOP PANEL*/


/* FOOTER PANEL*/

#footerPanel{width:100%;  background:#DCDCDC; color:#4C4C4C; font-size:12px;}

#footerbodyPanel{width:800px;height:133px; position:relative; margin:0 auto; padding:0;}

#footerPanel ul{width:800px; display:block; position:absolute; right:10px; top:33px; }

#footerPanel li{float:left; font:10px/12px Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}

#footerPanel ul li a:hover{text-decoration:underline;}

#footerPanel ul li a.padl{padding:0 0 0 6px;}

#footerPanel p.copyright{background:#DCDCDC; display:block; position:absolute; top:54px; right:300px;color:#f04d12;}

#footerPanel ul.templateworld{width:158px; background:#DCDCDC; color:#4C4C4C; display:block; position:absolute; top:74px; right:40px;}

#footerPanel ul.templateworld li a{background:#DCDCDC; display:block; color:#4C4C4C; text-decoration:none;}

#footerPanel ul.templateworld li a:hover{text-decoration:underline;}

#footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 

#footerhtmlPanel a{ width:86px; height:31px; display:block; background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}

#footerhtmlPanel a:hover{background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }

#footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 

#footercssPanel a{ width:86px; height:31px; display:block; background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}

#footercssPanel a:hover{background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }


<!--other css--->
P {
	FONT-SIZE: 11px; LINE-HEIGHT: 140%
}
TD {
	FONT-SIZE: 11px; LINE-HEIGHT: 140%
}
TH {
	FONT-SIZE: 11px; LINE-HEIGHT: 140%
}
SPAN {
	FONT-SIZE: 11px; LINE-HEIGHT: 140%
}
DIV {
	FONT-SIZE: 11px; LINE-HEIGHT: 140%
}
P {
	MARGIN: 4px 0px
}

/* Kontainer */
.container {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: -30px auto; WIDTH: 760px; PADDING-TOP:10px
}
.container-dua {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: -30px auto; WIDTH: 760px; PADDING-TOP:10px
}
/* Konten */
.content .box A {
	TEXT-DECORATION: none
}
.content-dua .box A {
	TEXT-DECORATION: none
}
.content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none;
}
.content-dua {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none;
}
.content .box H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 10px; MARGIN: 20px 0px 10px; PADDING-TOP: 0px; BORDER-BOTTOM: #c0c0c0 1px solid
}
.content-dua .box H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 10px; MARGIN: 20px 0px 10px; PADDING-TOP: 0px; BORDER-BOTTOM: #c0c0c0 1px solid
}
P.center {
	TEXT-ALIGN: center
}
/* Left right */
.leftSide {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 0px; WIDTH: 360px; PADDING-TOP: 0px
}
.leftSide-dua {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 0px; WIDTH: 500px; PADDING-TOP: 0px
}

.rightSide {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: right; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 0px; WIDTH: 370px; PADDING-TOP: 0px
}
.rightSide-dua {
	PADDING-RIGHT: 0px; DISPLAY:block; PADDING-LEFT: 0px; FLOAT: right; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 0px; WIDTH: 230px; PADDING-TOP: 0px
}
/* promo */
.promo {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 20px
}
.promo-dua {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 20px
}
/* box */
.box {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px
}
.box-dua {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
}
.order {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; position:absolute; width:230px;
}

.box-dua .cari {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; position:static;
}
.box-dua .paging {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 0px; position:static;
}



.box .login {
	BORDER-RIGHT: #8f8f8f 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #8f8f8f 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: #8f8f8f 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #8f8f8f 1px solid; background:url(images/bglogin.jpg); float:center;
}
.box .link{
	COLOR: #50b318; TEXT-DECORATION: none;
}
.box-dua .link{
	COLOR: #50b318; TEXT-DECORATION: none;
}
.box-dua .link-big{
	COLOR: #50b318; TEXT-DECORATION: none; font-size:14px;
}

.box .link:hover{
	COLOR: #50b318; TEXT-DECORATION: underline;
}
.box-dua .link:hover{
	COLOR: #50b318; TEXT-DECORATION: underline;
}
.box-dua .link-big:hover{
	COLOR: #50b318; TEXT-DECORATION: underline; font-size:14px;
}


.box .havelogin {
	BORDER-RIGHT: #8f8f8f 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #8f8f8f 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: #8f8f8f 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #8f8f8f 1px solid; background:url(images/bglogin.jpg); float:center;
}
.box .havelogin H2{
	COLOR: #0d68c1; TEXT-DECORATION: none; font-size:11px;
}

.normal-input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	list-style-position: outside;
	list-style-type: disc;
}

.normal-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	list-style-position: outside;
	list-style-type: disc;
}

.sp1{
background-image:url(images/Niftrasupport_01.jpg);
background-repeat:no-repeat;
width:250px;
height:56px;
}

.sptau{
background-image:url(images/Niftrasupport_012.jpg);
background-repeat:no-repeat;
width:250px;
height:56px;
}
.sp2{
background-image:url(images/Niftrasupport_02.jpg);
background-repeat:repeat-y;
width:250px;
}
.sp3{
background-image:url(images/Niftrasupport_03.jpg);
background-repeat:no-repeat;
width:250px;
height:25px;
}

.leftimg {
margin: 6px 6px 6px 6px;
float:left;
}

.list {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}

.list P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 4px; MARGIN: 2px 0px; PADDING-TOP: 4px; font-weight:bold;
}

.list P A {
	FONT-WEIGHT: bold; COLOR: #878787; TEXT-DECORATION: none
}
.list P A:hover {
	COLOR: #000; TEXT-DECORATION: none
}
.list P SPAN {
	FONT-WEIGHT: normal; COLOR: #878787; TEXT-DECORATION: none
}
.list P SPAN:hover {
	FONT-WEIGHT: lighter; COLOR: #000; TEXT-DECORATION: 
}
.box H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.5em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px
}
.box-dua H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.5em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px
}
.box H3 {
	FONT-SIZE: 1.2em; MARGIN: 0px; COLOR: #323232; PADDING-TOP: 10px
}
.box-dua H3 {
	FONT-SIZE: 1.2em; MARGIN: 0px; COLOR: #323232; PADDING-TOP: 10px
}
.box H2 A {
	COLOR: #0d68c1; TEXT-DECORATION: none
}
.box-dua H2 A {
	COLOR: #0d68c1; TEXT-DECORATION: none
}
.box H2 A:hover {
	COLOR: #0d68c1; TEXT-DECORATION: underline
}
.box-dua H2 A:hover {
	COLOR: #0d68c1; TEXT-DECORATION: underline
}
.box P {
	FONT-SIZE: 1.1em; PADDING-BOTTOM: 4px; PADDING-TOP: 5px
}
.box-dua P {
	FONT-SIZE: 1.1em; PADDING-BOTTOM: 4px; PADDING-TOP: 5px
}
.box P.link {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.box-dua P.link {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.box P.link A {
	COLOR: #50b318; TEXT-DECORATION: none
}
.box-dua P.link A {
	COLOR: #50b318; TEXT-DECORATION: none
}
.box P.link A:hover {
	COLOR: #50b318; TEXT-DECORATION: underline
}
.box-dua P.link A:hover {
	COLOR: #50b318; TEXT-DECORATION: underline
}

.box-dua .td_descript{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #0d68c1;

	font-style: normal;

	line-height: normal;

	font-weight:bold;

	font-variant: normal;

	text-decoration:none;

}

.packet {
	DISPLAY: block; FLOAT: left; MARGIN: 5px 5px 10px 5px; WIDTH: 165px
}

* HTML .packet {
	MARGIN: 0px 5px 10px
}

.packet H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.4em; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #323232; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted
}

.packet H2 A {
	COLOR: #323232; TEXT-DECORATION: none
}

.packet H2 A:hover {
	COLOR: #999999; TEXT-DECORATION: none
}

.packet H2 SPAN {
	FONT-SIZE: 1em; COLOR: #c0c0c0
}

.packet DIV {
	PADDING-RIGHT: 20px; MARGIN-TOP: 0px; FONT-WEIGHT: bold; COLOR: #50b318
}
.packet DIV SPAN {
	FONT-WEIGHT: lighter; FONT-SIZE: 0.9em
}

.red H2 SPAN {
	COLOR: #cc0000
}
.green H2 SPAN {
	COLOR:#009900;
}
.blue H2 SPAN {
	COLOR:#0066CC;
}
.orange H2 SPAN {
	COLOR:#FF6600;
}
A.more {
	FONT-WEIGHT: lighter; FONT-SIZE: 1em; MARGIN-LEFT: 1px; COLOR: #2c629d; TEXT-DECORATION: none
}
A.more:hover {
	COLOR: #2c629d; TEXT-DECORATION: underline
}
<!--Full page-->
.container2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: -30px auto; WIDTH: 762px; PADDING-TOP:10px
}

.content2 .box A {
	TEXT-DECORATION: none
}

.content2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 0px; MARGIN-TOP: -20px; PADDING-TOP: 0px; TEXT-DECORATION: none;
}

.content2 .box H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 10px; MARGIN: 20px 0px 10px; PADDING-TOP: 0px; BORDER-BOTTOM: #c0c0c0 1px solid
}

P.center2 {
	TEXT-ALIGN: center
}

.leftSide2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 120px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 0px; WIDTH: 762px; PADDING-TOP: 0px;
}


.leftSide2 H2{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.5em; PADDING-BOTTOM: 10px;
MARGIN: 0px; PADDING-TOP: 0px; COLOR: #0d68c1; TEXT-DECORATION: none
}

.leftSide2 H2 A {
	COLOR: #0d68c1; TEXT-DECORATION: none
}

.leftSide2 H2 A:hover {
	COLOR: #0d68c1; TEXT-DECORATION: underline
}

.leftSide2 A {
	COLOR: #0d68c1; TEXT-DECORATION: none
}

.leftSide2 A:hover {
	COLOR: #0d68c1; TEXT-DECORATION: underline
}
.descript-bold{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #0d68c1;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	text-decoration:none;

}
.title {
	font-size:14px; COLOR: #0d68c1; TEXT-DECORATION: none;
}
.tabel1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; WIDTH: 762px; PADDING-TOP: 5px; float:left;
}
<!--Twin page-->