/* Common Styles */
/* Used by all layouts: do NOT remove this section */
.qtwrapper {
	width:620px;
	margin:0 0 0 3px;
	#width:610px;
	#margin-left:9px;
	text-align:center;
}
ul.qtabs {
	list-style-position: outside;
	list-style-type: none;
	float:left;
	margin:0 !important;
	padding:0 0 0 7px !important;
	width:600px;
	height:49px;
	#height:46px;
}
ul.qtabs li {
	list-style-type: none;
	text-align:center;
	font:normal 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	margin:0 !important;
	padding:0 !important;
	width:190px;
	height:49px;
	#height:46px;
	cursor:pointer;
}

.qtop {
	float:left;
	background:url(/images/debt/qtop.jpg) top left no-repeat;
	margin:1px 0 0 0;
	padding:0px;
	width:600px;
	height:10px;
	#width:600px;
	#height:10px;
	#margin:0;
}
.qtcontent {
	position: absolute;
	visibility: hidden;
	margin:0px;
	padding:0;
	width:580px;
	height:380px;
	text-align:left;
	/* width:99%; */
}
.qtcontent p{
 width:auto;
}
.cs{
	background:url(/images/customer_service_people.jpg) 280px 8px no-repeat;
	#background:url(/images/customer_service_people.jpg) 280px 14px no-repeat;
}
.savings{
	background:url(/images/savings_ahead.jpg) 20px 5px no-repeat;
	#background:url(/images/savings_ahead.jpg) 20px 11px no-repeat;
}
.success{
	background:url(/images/customer_success.jpg) 340px 0px no-repeat;
	#background:url(/images/customer_success.jpg) 340px 0px no-repeat;
}
.qtcurrent {
	float:left;
	position:relative;
	overflow:hidden; 
	width:600px;
	height:400px;
	background:url(/images/debt/tab_content.jpg) bottom left no-repeat;
	#background:url(/images/debt/tab_content.jpg) 0px -17px no-repeat;
}
/* End Common Styles */

/* Layouts */
/* You can remove a section if you don't need that particular layout */

/* Basic Tabs  (class suffix: -basic) */
.qthead-basic {
	width:auto;
	height:46px;
	#height:47px;
	padding:0px;
	text-align:left;
}
.qthead-basic ul.qtabs li {
	background: #eeeeee !important;	
	background:url(/images/debt/tab_bg_off.gif) top left no-repeat !important;
	margin:0 !important;
	padding:0 !important;
	position: relative;
	bottom: -1px;
}
.qthead-basic ul.qtabs li span {
	display: block;
	margin:0;
	padding:0;
}
.qthead-basic ul.qtabs li.open {
	background:url(/images/debt/tab_bg.gif) top left no-repeat !important;
	z-index: 2;
}
.qthead-basic ul.qtabs li.open span {
	color: #000;
}
div.current-basic {
	clear: both;
	height: 245px;
}

/* Rounded Tabs (class suffix: -round1) */
.qthead-round1 ul.qtabs li {
	background:#eeeeee url(/images/debt/tab_bg_off.gif) no-repeat scroll 0% 0%;
	margin-left: 5px !important;
	padding: 0;
}
.qthead-round1 ul.qtabs li span {
	background: transparent url(../TESTING/qtabs_js_100/images/round1r.gif) no-repeat scroll right top;
	display: block;
	margin: 0;
	padding: 4px;
}
.qthead-round1 ul.qtabs li.open {
	background:#666666 url(/images/debt/tab_bg_off.gif) no-repeat scroll 0% 0%;
}
.qthead-round1 ul.qtabs li.open span {
	background:transparent url(../TESTING/qtabs_js_100/images/round1ro.gif) no-repeat scroll right top;
	color:#fff;
}
.qthead-round1 ul.qtabs li.hover span {
	text-decoration: underline;
}
div.current-round1 {
	clear:both;
	border-width: 3px 1px 1px; 
	border-style:solid;
	border-color: #666666;
	width: 450px;
}

/* Left Aligned Blue Buttons (class suffix:lft-blue1) */
.qthead-lft-blue1 {
	float:left;
	background: #eeeeee url(../TESTING/qtabs_js_100/images/back1.gif) repeat-y scroll right top;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #d0d0d0;
	height: 200px; /* same as .current-lft-blue1 */
}
.qthead-lft-blue1 ul.qtabs {
	margin: 0;
	
}
.qthead-lft-blue1 ul.qtabs li {
	float: none;
	background:#fff url(../TESTING/qtabs_js_100/images/bg-blue1.gif);
	margin: 0;
	padding: 6px !important;
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	width: 90px;
}

.qthead-lft-blue1 ul.qtabs li span{
	color: #fff;
}
.qthead-lft-blue1 ul.qtabs li.open {
	background: #f4f4f4;
	border-right: 1px solid #f4f4f4;
}
.qthead-lft-blue1 ul.qtabs li.hover span {
	text-decoration: underline;
}
.qthead-lft-blue1 ul.qtabs li.open span{
	color: #666666;
	text-decoration: none;
}

div.current-lft-blue1 {
	clear: none;
	float: left;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #d0d0d0;
	background-color: #f4f4f4;
	padding: 0;
	width: 350px;
	height: 200px; /* same as .qthead-lft-blue1 */
}