@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	}
@font-face {
	font-family: BEBAS;
	src: url('http://mavencube.com/BEBAS___.TTF)');
}
body{
	padding:0;
	margin:0;
	background-color:#FFF;
	}
input {
background-color:transparent;
border:0;
}
focus{
	border:none;
	}
img {
border:none;
border:#FFF;
outline:none;
}
textbox.input{
	border:none;
	}
.container{
	width:488px;
	/*margin:0 auto;*/
	}
.logo{
	float:left;
	width:270px;
	margin:15px 0 22px 5px;
	height:49px;
	}
.logo_top_line{
	font-family:DINPro-Bold, "Myriad Web Pro", Calibri, Tahoma;
	font-size:32.81px;
	color:#1f75cc;
	letter-spacing:-2px;
	}
.logo_second_line{
	font-family:DINPro-Bold, "Myriad Web Pro", Calibri, Tahoma;
	font-size:14px;
	color:#1faaff;
	text-align:left;
	margin:4px 0 0 3px;
	}
.topright{
	float:right;
	margin:7px 0 8px 12px;
	}
.midlewidget{
	background:url(../images/verticalbg.jpg) repeat-x;
	height:855px;
	}
.leftverticalbg{
	float:left;
	background:url(../images/leftbg.jpg) no-repeat;
	width:5px;
	height:867px;
	margin:1px 0 0 0;
	}
.newleft_leftverticalbg{
	float:left;
	background:url(../images/new_left_bg2.png) no-repeat;
	margin:1px 0 0 0;
	width:5px;
	height:801px;
	}
.verticalmidlebg{
	float:left;
	background:url(../images/verticalbg1.jpg) repeat-x;
	width:478px;
	height:867px;
	}
	.new_verticalmidlebg{
	float:left;
	background:url(../images/new_body_bg.png) repeat-x;
	width:478px;
	height:801px;
	}
.rightverticalbg{
	float:left;
	background:url(../images/rightbg.jpg) no-repeat;
	width:5px;
	height:867px;
	margin:1px 0 0 0;
	}
.new_rightverticalbg{
	float:left;
	background:url(../images/new_right_bg2.png) no-repeat;
	width:5px;
	height:801px;
	}
.debtamount{
	float:left;
	width:65px;
	color:#505050;
	font-weight:bold;
	font-size:17px;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	margin:20px 5px 0 5px;
	}
.calculate_button{
	float:right;
	width:74px;
	margin:8px 7px 0 0;
	}
.amountbox{
	float:left;
	width:177px;
	margin:8px 0 0 0;
	background:url(../images/boximg.jpg) no-repeat;
	width:177px;
	height:44px;
	}
.amountbox input[type="text"]{
	font-family:BEBAS;
	color:#f3f6f7;
	font-size:26px;
	font-weight:bold;
	background-color: transparent;
	box-shadow: inset 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 0px #fff;
	width:145px;
	height:34px;
	margin:5px 0 0px 26px;
	border:none;
	}


.textamount{
	background-color: transparent;
	height:36px;
	width:145px;
	margin:3px 10px 0 24px;
	padding:0 0 0 0px;
	text-align:center;
	border:none;
	font-family:BEBAS;
	color:#f3f6f7;
	font-size:26px;
	font-weight:bold;
	}
.gap{
	margin:15px 0 0 16px;
	}
.rate{
	float:left;
	width:211px;
	}
.time{
	float:right;
	width:220px;
	margin:0 5px 0 0;
	}
.insert{
	float:left;
	width:105px;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	color:#63757e;
	font-size:12px;
	margin:16px 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
	}
.years{
	float:left;
	width:151px;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	color:#63757e;
	font-size:12px;
	margin:15px 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
	}
.box{
	float:left;
	}
.dropdownbox{
	background:url(../images/new_dropimage.png) no-repeat;
	width:105px;
	height:43px;
	}
.percentage{
	float:left;
	width:74px;
	text-align:center;
	height:37px;
	/*background:url(../images/percentage_display_background.png) no-repeat;*/
	}
.arrow{
	float:left;
	width:24px;
	height:32px;
	margin:4px 0 0 4px;
	}
.newdropdownbox{
	background:url(../images/newdropimg.png) no-repeat;
	width:69px;
	height:42px;
	}
.newpercentage{
	float:left;
	width:30px;
	}
.righttimebox{
	width:28px;
	height:33px;
	margin:5px 0 0 4px;
	padding:0 0 0 0;
	background-color: transparent;
	border:none;
	font-family:BEBAS;
	color:#63747c;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	}
.newarrow{
	float:left;
	width:24px;
	height:34px;
	margin:4px 0 0 4px;
	}
.newbox{
	width:62px;
	height:33px;
	margin:5px 0 0 4px;
	padding:0 0 0 3px;
	background-color: transparent;
	border:none;
	font-family:BEBAS;
	color:#63747c;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	}
.value{
	float:left;
	width:77px;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	color:#63757e;
	font-size:11px;
	padding:0 0 0 2px;
	margin:0 7px 0 0;
	text-align:right;
	}
.totalmoney{
	margin:0 0 33px 0;
	padding:0 0 5px 0;
	}
.rightbox{
	float:left;
	
	}
.graph{
	float:left;
	width:379px;
	background:url(../images/newboxbg.jpg) repeat-x;
	height:215px;
	border-right:#dde0e1 solid 1px;
	}
.newboxleft{
	float:left;
	width:9px;
	}
.midlepart{
	margin:45px 0 0 0;
	padding:0 0 10px 0;
	/*border-bottom:#ecf0f1 solid 1px;*/
	}
.graphpeak{
	float:left;
	width:19px;
	/*margin:52px 37px 0 37px;*/
	
	position:relative;
	
	}
.downpeak{
	background:url(../images/graphpic.jpg) repeat-y;
	border:#559ee4 solid 1px;
	width:17px;
	height:100%;
	}
.peaknumber{
	float:left;
	background:url(../images/number.png) no-repeat;
	width:30px;
	height:24px;
	margin:5px 20px 5px 27px;
	position:relative;
	text-align:center;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	font-size:14px;
	color:#FFF;
	padding:6px 0 0 0;
	}
.options{
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	color:#63757e;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:10px 0 7px 0;
	border-bottom:#dfe3e5 1px solid;
	}
.listbox{
	z-index:10000;
	position:relative;
	top:3px;
	/*left:-100px;*/
	background-color:#e7eaec;
	border:#c1ced6 1px solid;
	width:92px;
	color:#166cc9;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	font-size:12px;
	padding:0 0 0 4px;
	}
.timelist{
	z-index:7000;
	position:relative;
	top:3px;
	padding:0 0 0 4px;
	/*left:-100px;*/
	background-color:#e7eaec;
	border:#c1ced6 1px solid;
	width:50px;
	color:#166cc9;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	font-size:13px;
	}
.newleft{
	float:left;
	background:url(../images/number.png) no-repeat;
	width:30px;
	height:24px;
	margin:0 7px 0 3px;
	padding:6px 0 0 0;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	font-size:14px;
	color:#FFF;
	text-align:center;
	}
.debtdetails{
	float:left;
	width:330px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#505050;
	padding:0 15px 0 0;
	line-height:12px;
	}
.timeperiod{
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:11px;
	font-weight:bold;
	}
.newamount{
	float:right;
	/*text-align:left;*/
	color:#900000;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	font-size:12px;
	margin:0 10px 0 0;
	width:87px;
	text-align:right;
	}
.newdetails1{
	background:url(../images/bg1.png) repeat-y;
	height:54px;
	width:484px;
	padding:14px 0 0 0;
	}
.newdetails2{
	background:url(../images/bg2.png) repeat-y;
	width:484px;
	height:54px;
	padding:14px 0 0 0;
	}
.newdetails3{
	background:url(../images/bg3.png) repeat-y;
	width:484px;
	height:54px;
	padding:14px 0 0 0;
	}
.newdetails4{
	background:url(../images/bg4.png) repeat-y;
	width:484px;
	height:54px;
	padding:14px 0 0 0;
	}
.newdetails5{
	background:url(../images/bg5.png) repeat-y;
	width:484px;
	height:54px;
	padding:13px 0 0 0;
	}
	.result_bg1{
	padding:0 0 0 0;
	width:484px;
	height:69px;
	}
.month{
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	margin:7px 0 0 0;
	}
.newline{
	background-color:#ededed;
	height:1px;
	/*margin:16px 0 0 0;*/
	margin:0px 0 0px 0;
	width:482px;
	}
.newbotom{
	
	padding: 16px 0 0 0;
	}
.debt_yellow_button_topgap{
	padding: 0 0 0 0;
	}
.debtconsult{
	float:left;
	width:47%;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	color:#63757e;
	font-size:11.3px;
	padding:10px 0px 0 0px;
	margin:5px 0 0 10px;
	text-transform:uppercase;
	font-weight:bold;
	}
.debtfree{
	float:right;
	width:228px;
	margin:5px 15px 0 0;
	/*height:52px*/
		}
.secure{
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	color:#63757e;
	font-size:11.3px;
	text-align:center;
	font-weight:bold;
	padding:0 0 0 12px;
	}
/*.repetboxleft{
	float:left;
	background:url(../images/leftbgrepet.jpg) no-repeat;
	width:6px;
	height:45px;
	}
.repetboxmiddle{
	float:left;
	width:85%;
	padding:12px 0 0 13px;
	background:url(../images/midlebgrepet.jpg) repeat-x;
	height:45px;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	font-size:14px;
	color:#FFF;
	}
.repetboxright{
	float:left;
	background:url(../images/rightbgrepet.jpg) no-repeat;
	width:6px;
	height:45px;
	}*/
.fotergap{
	margin:10px 12px 11px 16px;
	}
.leftfooter{
	float:left;
	width:50%;
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:11px;
	font-weight:bold;
	}
.rightfooter{
	float:right;
	width:135px;
	margin:0 0 0 0;
	}
.flower{
	float:right;
	width:20px;
	}
.linkdebt{
	float:left;
	width:111px;
	font-family:"Arial", Gadget, sans-serif;
	color:#2583d6;
	font-size:11px;
	font-weight:normal;
	}
.newstyle{
	float:left;
	width:140px;
	font-family:"Myriad Web Pro", Arial, "Trebuchet MS", Verdana;
	font-size:16px;
	color:#FFF;
	padding:13px 0 0 15px;
	}
.rightarrow{
	float:left;
	width:26px;
	margin:8px 0 0 30px;
	}
a.personal{
	text-decoration:none;
	color:#327bc4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
	
	a.personal2{
	text-decoration:none;
	color:#327bc4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	}
.repettexstyle{
	color:#9d9d9d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
/*.boxleft{
	float:left;
	background:url(../images/boxleft.jpg) no-repeat;
	width:8px;
	height:44px;
	}
.boxmidle{
	float:left;
	background:url(../images/boxmidle.jpg) repeat-x;
	height:44px;
	width:161px;
	}
.boxright{
	float:left;
	background:url(../images/boxright.jpg) no-repeat;
	width:8px;
	height:44px;
	}*/
.interest_dropdown_top{
	background:url(../images/dropdown_topbg.png) no-repeat;
	width:105px;
	height:3px;
	}
.interest_midle_background{
	background:url(../images/interest_list_midle.png) repeat-y;
	width:105px;
	
	}
.interest_midle_background ul{
	list-style-type:none;
	}
.interest_bottom_background{
	background:url(../images/interestlist_bottomcolor.png) no-repeat;
	width:106px;
	height:7px;
	}
.interest_list_position{
	z-index:10000;
	position:relative;
	
	top:-4px;
	/*left:1px;*/
	/*left:-100px;*/
	width:92px;
	color:#6c7c83;
	font-family:BEBAS;
	font-size:15px;
	padding:0 0 0 0;
	}
.interest_list_botomline{
	background:url(../images/dropdown_devider.png) repeat-x;
	width:98px;
	height:2px;
	margin:0px 0 0px 3px;
	}
.interest_dropdown_list_style{
	padding:5px 0 0 0;
	margin:0 0 0 3px;
	height:24px;
	width:98px;
	font:BEBAS;
	font-size:16px;
	color:#879399;
	font-weight:bold;
	text-align:center;
	
	}
	.Drop_selected {
	background-color:#FFF;
	background:url(../images/hover_right_sign.png) right no-repeat;
	width:65px;
	padding:5px 0 0 33px;
	margin:0 0 0 3px;
	height:24px;
	cursor:pointer;
	font-size: 16px;
    color: #879399;
	font-weight: bold;
	}
	.Drop_selected_Yr {
	background-color:#FFF;
	background:url(../images/hover_right_sign_yr.png) right no-repeat;
	width:35px;
	padding:5px 0 0 25px;
	margin:0 0 0 5px;
	height:24px;
	cursor:pointer;
	font-size: 16px;
	color: #879399;
	font-weight: bold;
	}
.interest_dropdown_list_style:hover{
	background-color:#FFF;
	/*background:url(../images/hover_right_sign.png) no-repeat;*/
	width:98px;
	padding:5px 0 0 0;
	margin:0 0 0 3px;
	height:24px;
	cursor:pointer;
	text-align:center;
	}
.interest_dropdown_list_style.selected{
	background-color:#FFF;
	/*background:url(../images/hover_right_sign.png) no-repeat right top;*/
	width:60px;
	height:29px;
	}
.dropdown_timelist{
	z-index:7000;
	position:relative;
	top:-5px;
	left:1px;
	padding:0 0 0 0;
	/*left:-100px;*/
	width:60px;
	font:BEBAS;
	font-size:16px;
	font-weight:bold;
	}
.time_dropdown_background{
	background:url(../images/time_dropdown_midlebg.png) repeat-y;
	width:68px;
	margin:0 0 0 0;
	
	}
.time_text_style{
	width:60px;
	height:24px;
	margin:0 0 0 3px;
	padding:5px 0 0 0;
	font-size:16px;
	font:BEBAS;
	color:#879399;
	font-weight:bold;
	text-align:center;
	}
.time_text_style:hover{
	background-color:#FFF;
	/*background:url(../images/hover_right_sign.png) no-repeat;*/
	width:60px;
	padding:5px 0 0 0;
	margin:0 0 0 3px;
	height:24px;
	cursor:pointer;
	font:BEBAS;
	font-size:16px;
	color:#879399;
	font-weight:bold;
	text-align:center;
	}

.time_header_botom_line{
	background:url(../images/dropdown_devider.png) repeat-x;
	width:62px;
	height:2px;
	margin:0px 0 0px 3px;
	}
.time_dropdown_bottom{
	background:url(../images/time_dropdown_bottombg.png) no-repeat;
	width:68px;
	height:7px;
	}
.time_dropdown_top_background{
	background:url(../images/time_dropdown_top3.png) no-repeat;
	width:65px;
	height:3px;
	margin:1px 0 0 0;
	}