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


/*************************************************************************
							 Global Styles
*************************************************************************/
hmtl{
}



.font-darkgray{
	color:#333;
}

.cursor-hand{
	cursor:hand;
	cursor:pointer;
}

.cursor-default{
	cursor:default;
}

.hide-content{
	display:none;
}
/*******************************************************************
							Group: Container
*******************************************************************/

.clac-pts-group{
	width:100%;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	font: bold 15px 'Helvetica Bold', arial, serif; 
}

/********************** Sub-Group: Header  *********************/

.clac-pts-header{
	height:45px;
	-moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-style:solid;
	border-color:#999999;
	border-width:thin;
	border-bottom:none;
	background-image:url(../imgs/bkgd-header-tile.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#d8d8d8;
	text-align:center;
	line-height:46px;
}

/********************** Sub-Group: Body  *********************/

.clac-pts-body{
	height: 450px;
	background-color:#edecec;
	border-style:solid;
	border-color:#999999;
	border-width:thin;
	background-image:url(../imgs/bkdg-tile-curve.png);
	background-position:bottom;
	background-repeat:repeat-x;
	
}

.border-white{
	height:448px;
	width:100%;
	border-style:solid;
	border-color:#fff;
	border-width:thin;
}


.clac-pts-body-shadow{
	height:31px;
	width:100%;
	background-image:url(../imgs/shadow.png);
	background-image:url(../imgs/shadow.png);
	background-repeat:no-repeat;
}


/*******************************************************************
							Group: Slider
*******************************************************************/

.slider-group{
	height:85px;
	width:230px;
	float:left;
	margin-top:20px;
	margin-left:18px;
	margin-bottom:12px;
}

/*************** Sub-group: Slider Title & Amount *****************/


.slider-content-subgroup{
	padding-bottom:6px;
	font-size:14px
}

.slider-content-title{
	width:170px;
	float:left;
}

.slider-content-amount{
	width:80px;
	text-align:right;
	float:left;
	font-weight:bold;
}

/********************** Sub-Group: Slider Bar *********************/

.slider-bar-subgroup{
	height:36px;
	width:230px;
	position:relative;
	padding-top:4px;
	background-image:
	url(../imgs/bkgd-slider-tile.png);
	background-repeat:repeat-x;
}


.slider-bar-container{
	width:220px;
	height:28px;
	background-color:#333;
	position:absolute;
	left:5px;
}

.slider-bar-bar{
	height:28px;
	width:0px;
	background-image:url(../imgs/bkgd-bar.png);
	background-repeat:repeat-x;
}

.slider-bar-btn{
	width:40px;
	height:56px;
	position:absolute;
	left:-15px;
	background-image:url(../imgs/btn-slider.png);
	background-repeat:no-repeat;
}

/*******************************************************************
						Group: Points Total
*******************************************************************/

.pts-total-group{
	width:80px;
	margin-top:20px;
	margin-left:24px;
	float:left;
	font-size: 14px;
}
.pts-total-title{
	width:190px;
	text-align:right;
	padding-bottom:6px;
}

.pts-total-amount{
	height:29px;
	width:190px;
	background-color:#dad9d9;
	border-bottom: 3px solid #008241;
	text-align:center;
	line-height:30px;
	font-weight:bold;
}

/*******************************************************************
						Group: Points Showcase
*******************************************************************/

.pts-content-group{
	width:80%;
	min-height:280px;
	clear:both;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #ccc;
	overflow:hidden;
	position:relative;
}

.pts-content-mask{
	width:728px;
	position:relative;
}

.pts-item{
	width:424px;
	min-height:140px;
	padding:20px;
	position:absolute;
	left:0px;
}


.pts-text{
	width:240px;
	font-size:15px;
	line-height:18px;
	padding-bottom: 15px;
	color:#333;
	float:left;
	margin-right:8px;
}

.pts-text-amount{
	color:#060;
	line-height:20px;
	font-size:20px;
	font-weight:bold;
	overflow:hidden;
}

.pts-image{
	height:118px;
	width:120px;
	border: 2px solid #999;
	overflow:hidden;
	float:right;
}